iframe 引用的页面怎样全屏?

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


image.png

经过查询资料,和引入优酷、腾讯视频的情况下,有了解决方案其实很简单只要在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>

效果


full2.gif
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
禁止转载,如需转载请通过简信或评论联系作者。

友情链接更多精彩内容