阿里云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元素不能被设置为全屏模式

<iframe src="http://datav.aliyun.com/xxxxxxx"

allowfullscreen="true"

webkitallowfullscreen="true"

mozallowfullscreen="true">

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容