【发布时间】：2013-06-26 17:27:10
【问题描述】：
我在 iFrame 中开发了一个小系统/视频系列（确切地说是 3 个）。加载主索引页面时，在用户单击视频（在该 iFrame 中）上的“播放”按钮后，该视频播放，然后它重定向到另一个自动播放的视频（在另一个 .html 文件中），并且然后当它结束时，它会重定向到另一个自动播放的视频——然后一切都完成了。笨重，我知道，但这是需要做的。
这是我的问题：我希望用户能够全屏显示第一个视频（如果他们愿意的话），并在视频之间的转换过程中保持全屏“状态”。
对于 webkit 浏览器，该 iFrame 中视频的全屏“模式”有效。我在 iFrame 中使用了这段 sn-p 代码：
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>
同样，我正在寻找一种方法来检测用户是否已激活全屏模式，以便该系列中的下一个视频可以在开始时自动设置为激活全屏模式。这可能吗？
提前致谢。
【问题讨论】：
标签： html iframe video fullscreen mp4