标签: react-native-video

我正在尝试在 react-native-video 中播放视频，但我只听到声音。我检查了文件是否有效（尝试了很少），所有回调都是在播放过程中触发的。为了缩小问题的范围，我做了以下示例：

<View style={{flex: 1, backgroundColor: 'grey', alignItems: 'stretch'}}>
  <View style={{backgroundColor: 'blue', flex: 1}}/>
  <Video
    style={{flex: 1}}
    source={{
      uri: 'path/to/the/file.mp4',
      type: 'mp4'
    }}
    resizeMode={"stretch"}
    rate={1.0}
    volume={1.0}
    muted={false}
    onProgress={console.log}
    onLoadStart={console.log}
    onLoad={console.log}
    onEnd={console.log}
    onError={console.log}
    onBuffer={console.log}/>
  <View style={{backgroundColor: 'green', flex: 1}}/>
</View>

以便预期视频被其他具有蓝色和绿色背景的视图包围，并且父视图的背景为灰色。

这是我看到的：

所以图片不显示。在真实设备上尝试了相同的结果。会是什么呢？

更新，更多研究：添加controls={true}使控件在点击灰色区域后出现。

*本机视频
我尝试过，在某些android手机中不起作用。ISO工作正常。

*我是本机玩家，我尝试了这一操作，并且在与android.IOS的配合中工作正常

*我试图通过检测移动平台来切换播放器，但由于AF播放器基于本机视频创建，因此无法执行，因此只能使用。

任何人都可以建议一个优秀的视频播放器来响应本机。

react-native“：” 0.54.2 react-native-af-video-player“：” 0.2.1 react-native-video“：” 3.1.0

非常感谢！！

我正在使用 react-native-video 包来获取视频播放器，我可以在其中播放我的 youtube 视频。

我试过这个，但只有一个空的空间而不是视频播放器。

import Video from 'react-native-video';
    <Video source={{uri: 'https://www.youtube.com/watch?v=Gh2FaDqZp2g'}}
                       ref={(ref) => {
                         this.player = ref
                       }}
                     onBuffer={this.onBuffer}
                     onEnd={this.onEnd}
                     onError={this.videoError}
                     style={styles.backgroundVideo} />

风格：

backgroundVideo: {
    height:300,
    width:'100%',
  }

我无法让 react-native-video 在后台播放 mp4 文件，它会播放 mp3 和音频文件，但拒绝继续播放视频。我已将 xcode 中的背景模式设置为打开，并选择了音频、播放和画中画，并传入了这些道具

playInBackground={true}
playWhenInactive={true}
ignoreSilentSwitch={'ignore'}

当它是视频而不仅仅是音频时是否需要额外的配置？

我使用 react-native-video 和 react-native-video-player 库。我的问题是下一个 - 如何卸载视频？我有一个视频列表（我要求拍摄所有视频，但一开始只显示 5 个，然后我按下“显示更多”按钮并加载 5 个以上的视频，但是如果我播放了 8 个以上的视频（播放和暂停）其他视频停止工作 - 我按下视频的播放控制，视频变成白色）。我可以通过按“显示更多”来卸载以前的视频，还是有另一种方法可以避免此类问题？谢谢。

我如何在 react-native-video 上播放 youtube 视频，

我不想在 react-native-youtube 或 webview 中播放视频，

我目前正在使用 react-native-video 并通过包播放 HLS 视频流。有人知道如何将视频下载到手机图库吗？

查看包中没有任何方法，想知道是否还有另一个包可以使用

谢谢！

我正在withing nx monoreporeact-native-video中使用react-native v0.69，当尝试添加如下所示的视频组件时，出现错误TypeError: undefined is not an object (evaluating '_reactNative.Image.propTypes.resizeMode'。

import Video from 'react-native-video'

  <Video
     resizeMode="none"
     source={{ uri: _.url }}
     style={{ width: 64, height: 64 }}
  />

当我删除resizeMode道具时，我得到同样的错误。是什么原因造成的？

我使用世博会的视频组件。我可以播放视频，但在 iOS 中没有声音。在安卓上没问题。我该如何解决它。

<Video style={{ width: 340, 
                                height: 220,
                                borderRadius: 10, 
                                overflow: 'hidden' }}
                                posterSource={require('../../assets/loading2.gif')}
                                usePoster={true}
                                rate={1.0}
                                isMuted={false}
                                useNativeControls = {true}
                                volume={1.0}
                                playsInSilentLockedModeIOS ={ true }
                                resizeMode='cover' 
                                shouldPlay={true} 
                                source={{uri : url}} />

我使用 react-native-video 为我的应用渲染视频播放器。

我尝试更改视频的来源。这是我的代码运行良好。

<Video
  source={{uri: _getVideo().video_url}}
  style={Styles.backgroundVideo}
  autoplay={true}
  controls={false}
  disableFocus={true}
  resizeMode="cover"
/>;

但我改变了'controls={true}'。它不渲染新视频，只渲染音频。并且仍然显示旧视频。

_getVideo().video_url

这个函数只是返回源视频。我确定元素也会更改源，但不会重新渲染新视频。

有没有办法解决它？