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