首页 > 编程学习 > jquery html5视频播放插件在iframe中无法全屏解决办法

jquery html5视频播放插件在iframe中无法全屏解决办法

在IFrame中加入 allowfullscreen="true" allowtransparency="true"

<iframe  src="av.html" marginheight="0" marginwidth="0" frameborder="0" width="100%"height="100%" scrolling="no" allowfullscreen="true" allowtransparency="true" ></iframe>


https://msdn.microsoft.com/library/dn265028(v=vs.85).aspx

不带前缀的 API 带前缀的 API 类型 描述
requestFullscreen msRequestFullscreen 方法 请求全屏显示图像、视频或其他元素。
exitFullscreen msExitFullscreen 方法 将元素从全屏模式返回到其原始大小。
fullscreenElement msFullscreenElement 属性 返回正在全屏模式下显示的顶级元素或当前元素。否则,返回未定义。
fullscreenEnabled msFullscreenEnabled 属性 如果文档允许在全屏模式下显示元素,则返回 True。否则,返回 False。
fullscreenChange MSFullscreenChange 事件 当在全屏模式下显示元素或元素退出全屏模式时会触发。
fullscreenError MSFullscreenError 事件 在请求全屏显示元素,但无法完成此请求时触发。
:fullscreen :-ms-fullscreen 伪类 允许你基于元素是否处于全屏模式设置特定 CSS 属性。
::backdrop ::-ms-backdrop 伪元素 当在全屏模式下显示元素时,可以使用该元素设置后台属性。
allowfullscreen allowfullscreen 属性 启用 iframe 的内容以在全屏模式下显示。如果缺少,则仅 iframe(而非框架内的内容)可以进入全屏模式。

Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000