html – 如何将视频全屏幕放在iframe中时?

前端之家收集整理的这篇文章主要介绍了html – 如何将视频全屏幕放在iframe中时?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用我的mediaelement.js播放器的默认设置,我的初始化是非常基本的:
$( ‘视频’)mediaelementplayer().

我的问题是:
当视频嵌入到iframe中时,是否可以全屏播放播放器?
当我按全屏,视频最大化到iframe,但不是整个屏幕.
这是html的限制还是有办法绕过它?

一般结构如下所示:

<!DOCTYPE html>
<html>
  <head />
  <body>
    <iframe>
      <!DOCTYPE html>
      <html>
        <head />
        <body>
          *My Video Here <video> ...*
        <body>
      </html>
    </iframe>
  </body>
</html>

谢谢!

编辑:
看来这是玩家的具体.默认的html5< video>实现最大化到全屏即使在iframe内也可以.

解决方法

在video.js上偶然发现:

video.js inside a modal window: full screen not working

答案是将这些属性添加到iframe中:< iframe ... allowfullscreen =“true”webkitallowfullscreen =“true”mozallowfullscreen =“true”>(不支持IE)

猜你在找的HTML相关文章