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

时间:2022-08-31 22:53:26

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(而非框架内的内容)可以进入全屏模式。