jquery - jPlayer 在 IFRAME 内全屏显示？

Question

jPlayer 能否在 IFRAME 标记内实现全屏工作？事实上，“全屏”受到 iframe 大小的限制。

编辑:

以下是我在 IFRAME 中插入 jPlayer 的方法:

<div id="movieContainer" >
  <object id="videoTut" name="videoTut" type="text/html" data="/videotutorial/videotut.html">
  </object>
</div>

其中 videotut.html 包含完整的 HTML 页面，其中包含 jPlayer，并且在独立加载时可以工作。并且使用 document.getElementById('movieContainer').innerHTML = '... 等代码修改 object 标记。

另请参阅:https://groups.google.com/forum/#!topic/jplayer/IQxIIYhtAnE

(P.S.如果您想帮助我进行 jPlayer 的多视频设计，请在此处进行:jPlayer multi-video demo code?)

Answer 1

将其放入 iframe

<iframe /* your iframe code */ webkitAllowFullScreen="true" mozallowfullscreen="true" allowFullScreen="true"></iframe>

并将其添加到js文件中

$("a.jp-full-screen").on('click', function() {
    var docm, rqst;

    docm = document.documentElement;
    rqst = docm.requestFullScreen || docm.webkitRequestFullScreen || docm.mozRequestFullScreen || docm.msRequestFullScreen;

    if(typeof rqst!="undefined" && rqst){
        rqst.call(docm);
    }
});
$("a.jp-restore-screen").on('click', function() {
    var docm, rqst;

    docm = document;
    rqst = docm.cancelFullScreen|| docm.webkitCancelFullScreen || docm.mozCancelFullScreen || docm.msCancelFullScreen || docm.exitFullscreen;
    if(typeof rqst!="undefined" && rqst){
        rqst.call(docm);
    }
});

我不确定这是否适用于 Flash 解决方案