iframe 引用的页面怎样全屏？

最新推荐文章于 2025-06-19 12:39:56 发布

Wish3D

最新推荐文章于 2025-06-19 12:39:56 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端知多少

本文链接：https://blog.csdn.net/syj573077027/article/details/107102836

前端知多少专栏收录该内容

59 篇文章

订阅专栏

本文介绍了一个关于在公司项目中嵌入720云全景页面时遇到的全屏点击无效问题，并提供了解决方案，即在iframe属性中增加allowfullscreen属性，确保在引入优酷、腾讯视频等情况下，全景页面的全屏功能正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前段时间在公司的项目里面嵌入了720云的全景页面，引入后浏览都正常，但是有用户反应网页中的全屏点击无效，经过测试后确实无效

经过查询资料，和引入优酷、腾讯视频的情况下，有了解决方案其实很简单只要在iframe属性中增加属性allowfullscreen即可

        <iframe id="mapFrame" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" name="mapFrame" scrolling="no" frameborder="0" src="https://720yun.com/t/ecvksmfwdfm?scene_id=49137517"></iframe>