代码之家  ›  专栏  ›  技术社区  ›  Bomber

React native youtube-组件不可见

  •  0
  • Bomber  · 技术社区  · 5 年前

    我看不到播放器,当我登上我的页面时:

    return (
        <YouTube
          apiKey="xxx"
          videoId={youtubeVideo} // The YouTube video ID
          play={false} // control playback of video with true/false
          fullscreen={false} // control whether the video should play in fullscreen or inline
          loop={false} // control whether the video should loop when ended
          onReady={e =>  console.log('ready')}
          onChangeState={e =>  console.log('onchange')}
          onChangeQuality={e =>  console.log('change quality')}
          onError={e => console.log(e.error)}
          style={{ alignSelf: "stretch", height: 300 }}
        />
    
    );
    

    我得到了 onReady 回拨但没有视频。如何显示我的视频?

    有更好的选择吗?看了这两个包裹, react-native-youtube react-native-vimeo . 两者都有一段时间没有得到维护,而且都有各种各样的问题。

    在youtube上嵌入符合Play和App store指南的视频的最佳方式是什么?游戏商店里有很多基于视频的应用,其他人是怎么做到的?

    0 回复  |  直到 5 年前
        1
  •  0
  •   emeraldsanto    5 年前

    你的YouTube组件是用flex封装在父视图中的吗?我在我的应用程序中使用了相同的软件包,看起来运行良好,这就是我设置它的基本方法。

    // Parent view (page container)
    <View style={{ flex : 1 }}>
        ...
        <Youtube 
            apiKey={API_KEY}
            videoId={videoID}
            style={{ marginTop : 15, height : 250, alignSelf : 'stretch' }} />
        ...
    </View>