0

我在 iFrame 中开发了一个小系统/视频系列(准确地说是 3 个)。加载主索引页面时,在用户单击视频(在该 iFrame 中)上的“播放”按钮后,该视频播放,然后它重定向到另一个自动播放的视频(在另一个 .html 文件中),并且然后当它结束时,它会重定向到另一个自动播放的视频——然后一切都完成了。笨重,我知道,但这是需要做的。

这是我的问题:我希望用户能够全屏显示第一个视频(如果他们愿意的话)并在视频之间的转换过程中保持全屏“状态”。

对于 webkit 浏览器,该 iFrame 中视频的全屏“模式”有效。我在 iFrame 中使用这段代码来执行此操作:

allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">

所以全屏模式确实有效,只是当视频切换到下一个时它不会保持全屏状态。那讲得通。

我正在寻找方法来检测用户正在全屏观看视频,然后在加载时自动将系列中的下一个视频设置为全屏。

下面是每个“视频页面”(位于 iFrame 中)的标记的样子。on video2.html 和 video3.html 之间的唯一区别是它们在 width 属性下方具有 autostart:true 。

<html>
<head>
    <script src="http://jwpsrv.com/library/5Tx9ZN23EeKCNxIxOQulpA.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>

<div id="videobox">
<div id="container">This'll be the player</div>
<script type="text/javascript">
jwplayer("container").setup({
file:"video/open-title-final.mp4",
height:480,
width:640,
events:{
    onComplete: function() {
        window.location = "video2.html";
    }
},
});
</script>
</div><!-- /videobox -->

</body>
</html>

再次,我正在寻找一种方法来检测用户是否已激活全屏模式,以便该系列中的下一个视频可以在开始时自动设置为激活全屏模式。这可能吗?

提前致谢。

4

1 回答 1

0

不知道为什么你不能只使用播放列表来排队视频,但我相信你有你的理由使用这种确切的实施方法,只是告诉你,我相信你会发现有一个 ònfullscreen` 回调JWPlayer,以及其他全屏相关的检查方法供您使用。

请参见此处:http ://www.longtailvideo.com/support/jw-player/28851/javascript-api-reference/并在页面中间的调整大小标题下查看(或仅在该页面上搜索 onfullscreen)

于 2013-06-26T17:36:28.247 回答