问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

放置在 iframe 中时如何使视频全屏显示？

社区维基
1
新手上路，请多包涵

我正在为我的 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>

谢谢！

编辑：这似乎是特定于播放器的。默认的 html5 <video> 实现最大化到全屏就好了，即使在 iframe 中也是如此。

原文由 Jazon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译htmliframemediaelement.js
阅读 2.2k
2 个回答
得票最新
社区维基
1
✓ 已被采纳

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

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

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

原文由 Jazon 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

我使用这段代码来跟踪视频是否进入/退出全屏模式：

 MediaElementPlayer.prototype.enterFullScreen_org = MediaElementPlayer.prototype.enterFullScreen;
MediaElementPlayer.prototype.enterFullScreen = function() {
    // Your code here
    this.enterFullScreen_org();
}
MediaElementPlayer.prototype.exitFullScreen_org = MediaElementPlayer.prototype.exitFullScreen;
MediaElementPlayer.prototype.exitFullScreen = function() {
    // Your code here
    this.exitFullScreen_org();
}

我假设你可以在父页面上调用这个函数来放大 iframe？

原文由 Ab_c 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题