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