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