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类型描述requestFullscreenmsRequestFullscreen方法请求全屏显示图像、视频或其他元素。exitFullscreenmsExitFullscreen方法将元素从全屏模式返回到其原始大小。fullscreenElementmsFullscreenElement属性返回正在全屏模式下显示的顶级元素或当前元素。否则，返回未定义。fullscreenEnabledmsFullscreenEnabled属性如果文档允许在全屏模式下显示元素，则返回 True。否则，返回 False。fullscreenChangeMSFullscreenChange事件当在全屏模式下显示元素或元素退出全屏模式时会触发。fullscreenErrorMSFullscreenError事件在请求全屏显示元素，但无法完成此请求时触发。:fullscreen:-ms-fullscreen伪类允许你基于元素是否处于全屏模式设置特定 CSS 属性。::backdrop::-ms-backdrop伪元素当在全屏模式下显示元素时，可以使用该元素设置后台属性。allowfullscreenallowfullscreen属性启用 iframe 的内容以在全屏模式下显示。如果缺少，则仅 iframe（而非框架内的内容）可以进入全屏模式。