iframe webview打开外链内嵌video标签导致视频无法全屏展示

iframe webview打开外链内嵌video标签导致视频无法全屏展示

解决方法

iframe 添加属性

<iframe 
style="width: 100%;height: 100vh;" 
src="http://xxx.xxx........"
allowfullscreen="true"     
webkitallowfullscreen="true"  
mozallowfullscreen="true"    
>
</iframe>

标签内部加
1、allowfullscreen=“true”
2、webkitallowfullscreen=“true”
3、mozallowfullscreen=“true”

webview 添加属性

<web-view 
 src="http://xxx.xxx........"
 allow="fullscreen"
>
 ></web-view>

标签内部加
1、allow=“fullscreen”

参考文章:
解决Html iframe 内嵌video标签导致视频无法全屏展示的问题: https://blog.csdn.net/Wang_zhe_/article/details/136738850
解决uniapp跳转第三方页面video不能全屏问题: https://www.jianshu.com/p/11802603e1a7

posted @ 2024-12-16 11:42  wangjieblog  阅读(62)  评论(0)    收藏  举报  来源