题记:这几天做阿里云的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元素不能被设置为全屏模式
<iframe src="http://datav.aliyun.com/xxxxxxx"
allowfullscreen="true"
webkitallowfullscreen="true"
mozallowfullscreen="true">