阿里云dataV在iframe中不能全屏显示

题记:这几天做阿里云的dataV实践过程中发现将dataV分享出来的url嵌套到iframe中无法使用dataV提供的全屏展示组件。

一番调查之后发现iframe有allowfullscreen这个属性。因为平时用的比较少,所以这边做一下记录

具体属性解释摘自https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/iframe

mozallowfullscreen

使用allowfullscreen属性代替。在Gecko9.9及更高版本上,如果允许通过调用element.mozRequestFullScreen() 方法,设置frame为全屏模式,该属性被设置为true。如果该属性未被设置,iframe元素不能被设置为全屏模式。

webkitallowfullscreen

使用 allowfullscreen 属性代替。在Chrome 17及更高版本上(或者更早),如果允许通过调用element.webkitRequestFullScreen() 方法,设置iframe为全屏模式,该属性被设置为true,如果该属性未被设置,iframe元素不能被设置为全屏模式