Question

我的将YouTube视频嵌入到React Native应用中的代码：

export class Signup extends React.Component {
  videoToPlay='https://www.youtube.com/embed/f7PlSUQiISY'
  render() {
    return(
      <View style={styles.container}>
        <WebView
          style={styles.WebViewContainer}
          javaScriptEnabled={true}
          domStorageEnabled={true}
          source={{uri: this.videoToPlay}}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    height: 300,
  },
  video: {
  },
});

它显示并让我按Play，但是在加载一秒钟后，告诉我视频不可用 ...

从研究来看，这似乎只是一个Android问题[我还没有安装MacOS模拟器，无法在iPhone模拟器上进行测试]。我已经尝试了几个第三方框架来实现此功能，例如this框架，但是即使获得了API密钥，并遵循自述文件 EXACTLY 中的教程，它仍然只是错误出来了。

我也尝试过this和this ...，但没有成功

我唯一想到的另一件事是加载视频的网页，将其裁剪为视频大小，然后禁用滚动，但是如果站点是youtube，则在React Native中禁用滚动似乎不起作用！ [scrollEnabled={false}]

我确实需要帮助，因为我需要视频才能在此应用中播放，但宁愿它们不是本地视频，因为该应用可能会显示10到100的视频...

YouTube视频嵌入无法在Android上使用本机响应

0 个答案: