iframe 引用的页面怎样全屏？
2020-07-02 本文已影响0人
孙悟空SUN
前段时间在公司的项目里面嵌入了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
