Question

我正在尝试在本机import { WebView } from 'react-native';上的Webview上播放https实时流视频

但是视频没有播放，我也不知道为什么，当我使用其他浏览器（例如Google chrome）时，它正在我的移动设备上的浏览器上播放，但是当我使用反应原生，这没用

我的网络视图代码：

 <WebView
      source={{uri: `https://link to video that has a live streaming`}}
      // source={{uri: 'https://www.youtube.com/'}}
      style={styles.webView}
      mediaPlaybackRequiresUserAction={false}
      javaScriptEnabled={true}
      domStorageEnabled={true}
      useWebKit={true}
  />

我已经在youtube上尝试了该网址，并且该视频可以在我的网络视图上播放，该怎么办？我的设备是android牛轧糖。

Answer 1

也许有点晚了，但是，您可以尝试这样的事情。

const uri = "https://link to video that has a live streaming"
const html = `<video controls width="500" height="50">
            <source src="${uri}" type="application/x-mpegURL">
            </video>`;
return (
    <WebView
      allowsFullscreenVideo
      originWhitelist={["*"]}
      source={{ html }}
    />

无法在react-native的默认WebView上播放hls

1 个答案: