在EXPO中使用react-native-webview无法播放YouTube视频

针对你遇到的Expo WebView加载YouTube嵌入视频显示“视频不可用”的问题，给出以下排查和解决方向：

• 视频嵌入权限限制
  YouTube视频默认可能关闭外部嵌入权限，即便视频ID正确也无法加载。如果是你自己的视频，可进入YouTube创作者后台，在视频的「权限」设置中确认「嵌入」选项已开启；如果是他人视频，若对方关闭了嵌入权限，只能更换允许嵌入的视频资源。

• 移除废弃的URL参数
  你使用的URL中showinfo=0参数已被YouTube官方废弃，虽不直接导致视频不可用，但可能引发兼容性问题。建议调整URL为：

  https://www.youtube.com/embed/eU4ZvfkmOck?rel=0&autoplay=0&controls=0
  

• 补充WebView配置项
  除现有配置外，可添加以下参数尝试修复：

  • 开启allowFullScreen确保视频播放权限
  • 设置桌面端User-Agent，部分视频会限制移动设备UA的嵌入请求
    调整后的代码示例：

  <WebView
    useWebKit={true}
    style={{width:200, height:200}}
    scrollEnabled={false}
    domStorageEnabled={true}
    javaScriptEnabled={true}
    allowFullScreen={true}
    userAgent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36"
    source={{uri: iframeUrl}}
  />
  

• 排查网络环境
  浏览器中也无法播放的话，大概率是网络环境限制了YouTube内容的加载，需确认设备能否正常访问YouTube服务。

内容的提问来源于stack exchange，提问作者redoc01