如何在景观RN (IOS & Android)上制作自动播放的在线视频到全屏
如何在景观RN (IOS & Android)上制作自动播放的在线视频到全屏
提问于 2019-08-07 07:44:01
我用(Android )做了一个项目，在第一页和帖子页面是播放automatic.This视频的视频，有时是youtube，有时是m3u8。在肖像方向上，我想与下面的一些内容保持一致，在风景上，我想玩全屏游戏。
我使用react本机- Android -全屏- WebView -视频来操作WebView组件，而对于Android，它可以工作。但顾名思义，它只适用于android系统。我也希望IOS也有类似的行为。我尝试的反应-本机-af-视频播放器，但当我设置依赖反应本机定向，视频卡在全屏模式。此外，该反应-本机-af-视频播放器是mp4唯一的播放器。
if(livestream.type === 'youtube' && Platform.OS === 'android') {
the_live_video = (
<WebView
style={{ width: VIDEO_WIDTH, height: VIDEO_HEIGHT, alignSelf: 'stretch' }}
javaScriptEnabled
source={{
uri: livestream.url
}}
/>
)
} else if(livestream.type === 'youtube' && Platform.OS === 'ios') {
the_live_video = (
<WebView
style={{ width: VIDEO_WIDTH, height: VIDEO_HEIGHT, alignSelf: 'stretch' }}
javaScriptEnabled
source={{
uri: livestream.url
}}
/>
)
} else if(livestream.type === 'jwplayer' && Platform.OS === 'android') {
the_live_video = (
<WebView
style={{ width: VIDEO_WIDTH, height: VIDEO_HEIGHT, alignSelf: 'stretch' }}
javaScriptEnabled
source={{
uri: livestream.url
}}
/>
)
} else if(livestream.type === 'jwplayer' && Platform.OS === 'ios') {
const video = {
html: `<video width="${VIDEO_WIDTH}" height="${VIDEO_HEIGHT}" controls src="${
livestream.url
}"></video>`
};
the_live_video = (
<WebView
style={{ width: VIDEO_WIDTH, height: VIDEO_HEIGHT, alignSelf: 'stretch' }}
javaScriptEnabled
source={video}
/>
)
}就像我说的，我也希望IOS平台的反应-本机-android-全屏幕-webview-视频的行为。
回答 1
Stack Overflow用户
发布于 2022-03-30 05:59:39
react本机-af-视频播放器不再被维护，因此它会给您带来很多麻烦，您可以在适当的地方使用react本机-af-视频播放器-更新包。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57389339
复制相关文章
相似问题
腾讯云开发者
