将视频放在iframe中时如何制作全屏视频?

Jaz*_*zon 18 html iframe mediaelement.js

我正在使用mediaelement.js播放器的默认设置,我的初始化非常基本: $('video').mediaelementplayer();

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

一般结构如下:

<!DOCTYPE html>
<html>
  <head />
  <body>
    <iframe>
      <!DOCTYPE html>
      <html>
        <head />
        <body>
          *My Video Here <video> ...*
        <body>
      </html>
    </iframe>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

谢谢!

编辑:这似乎是玩家特定的.<video>即使在iframe中,默认的html5 实现最大化到全屏也很好.

Jaz*_*zon 43

在video.js上偶然发现了这个:

模态窗口内的video.js:全屏不工作

答案是将这些属性添加到iframe :( <iframe … allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"> 虽然没有IE支持)