在IFRAME内部,jPlayer全屏？

Question

jPlayer的全屏可以在IFRAME标签内部工作吗？因此,"全屏"受iframe大小的限制.

编辑:

这是我在一个插入jPlayer的方式IFRAME:

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

其中videotut.html包含一个包含jPlayer的完整HTML页面,如果单独加载则可以正常工作.并object使用类似代码修改标记document.getElementById('movieContainer').innerHTML = '....

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

(PS如果您想帮助我为jPlayer提供多视频设计,请在此处进行:jPlayer多视频演示代码？)

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);
    }
});

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

Answer 2

那么，iframe 不能大于分配给它的尺寸。这是根本。因此，除非 iframe 本身占据了屏幕 100% 的高度和宽度，否则，我不相信你可以以“全屏”尺寸播放电影。同样，您不能以大于指定尺寸的尺寸播放对象。如果您确实可以控制整个屏幕，那么当需要激活或停用媒体时，您可以动态调整 iframe 以及其中包含的对象的高度和宽度。不过，请注意，因为这可能是一个滑坡。您可能会发现浏览器之间的行为不一致，并且可能需要花费一些时间来解决特定于浏览器的布局问题。

综上所述...如果 jPlayer 使用 Flash 而不是 html5 来播放电影，您可以将“allowfullscreen”属性添加到 iframe，这应该允许电影在 iframe 大小之外播放。但 Flash 是 jPlayer 的后备方案，因此您需要查看是否可以指定格式，否则您可能只想使用 swfobject.js 来加载 Flash 影片而不是使用 jPlayer。同样，浏览器可能会出现不一致，因此您需要留出时间。