首页 前端知识 解决Html iframe 内嵌video标签导致视频无法全屏展示的问题

解决Html iframe 内嵌video标签导致视频无法全屏展示的问题

2024-05-29 10:05:01 前端知识 前端哥 508 306 我要收藏

原因:

        由于浏览器的安全策略所限制的。为了防止恶意网站利用全屏播放功能进行滥用或欺骗用户,浏览器对iframe中的视频播放做了限制。
在iframe标签中播放视频时,浏览器会根据安全策略阻止视频全屏播放。这是因为iframe标签中的内容被认为是第三方内容,浏览器会限制其对用户界面的控制权。

iframe标签加上allowfullscreen="true"属性,其他两个是为 了解决浏览器兼容问题最好也加上。


<iframe src="xxx.html"
allowfullscreen="true"
webkitallowfullscreen="true"
mozallowfullscreen="true"
>
</iframe>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9934.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!