【问题标题】:video.js inside a modal window: full screen not working模态窗口内的video.js:全屏不起作用
【发布时间】:2013-01-14 13:41:16
【问题描述】:

我一直在使用 video.js 在模态窗口中显示内容,您可以在此处看到:

http://www.csdalbenga.it/galleria1.html

点击“Clicca qui per visionare il video della recita!”按钮。

所以,问题来了:视频可以正常工作,但全屏按钮只会让视频填满模态窗口,所以基本上什么都不会发生,或者大小会略有变化,具体取决于浏览器。

现在我想知道,有没有办法强制视频全屏显示? 否则我想我将不得不删除按钮。

【问题讨论】:

    标签: modal-dialog video.js


    【解决方案1】:

    您的模式将播放器置于 iframe 中,除非您明确允许,否则浏览器将不允许在 iframe 中全屏显示。以下内容至少适用于 Chrome 和 Firefox; Internet Explorer 根本没有实现允许从 iframe 全屏显示。

    <iframe … allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">
    

    【讨论】:

    • 我宁愿它在所有平台上都一样。最好只删除按钮。删除它的最佳方法是什么?
    猜你喜欢
    • 1970-01-01
    • 2014-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-21
    相关资源
    最近更新 更多