美文网首页
阿里云dataV在iframe中不能全屏显示

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

作者: 纯爱壮壮 | 来源:发表于2018-07-25 13:47 被阅读0次

    题记:这几天做阿里云的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">

    相关文章

      网友评论

          本文标题:阿里云dataV在iframe中不能全屏显示

          本文链接:https://www.haomeiwen.com/subject/lxypmftx.html