如何检测用户何时制作了全屏闪光视频(.mp4)?

时间:2013-06-26 17:27:11

标签: html iframe video fullscreen mp4

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

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

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

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

因此全屏模式 工作,当视频切换到下一个视频时,它不会保留全屏状态。这是有道理的。

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

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

<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>

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

不确定为什么你不能只使用一个播放列表来排队视频,但我只相信你有这个确切实现方法的原因并且只是打电话给你,我相信你会发现有一个ònfullscreen `JWPlayer中的回调,以及您可以使用的其他全屏相关检查方法。

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