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