iframe 引用的页面怎样全屏?

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

v2-43b8fa324787cbb837c6679582d8d9d0_b.jpg

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

效果

v2-e83dc8f6843af05257303f30e7e4d3c5_b.jpg

posted @ 2020-07-02 06:14  Forever.Sun  阅读(58)  评论(0)    收藏  举报