我正在尝试使用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}
会在点击灰色区域后显示控件。