Question

我是一个编码新手，但我正在尝试为我正在进行的项目整理一些东西。

我想要的是网页加载，播放视频，然后视频结束时重定向到7个可能的页面之一。

目前，我有两个独立的代码用于这两个功能。

对于视频加载/播放/重定向（此时它重定向到谷歌）我有这个：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"                                         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>


<!----<META HTTP-EQUIV="refresh" CONTENT="50;URL=http://www.flashybee.com/gaf/test">-->
<title>Untitled Document</title>
</head>

<body bgcolor="#000000">

<div align="center">
<video id="index_vid" class="video-js vjs-default-skin" controls autoplay preload="auto"         width="800" height="400" data-setup="{}">
<source src="index_vid.mp4" type='video/mp4'>
<source src="index_vid.webm" type='video/webm'>
</video>

<script type="text/javascript">
 _V_("index_vid").ready(function(){
var myPlayer = this;
myPlayer.play();
myPlayer.addEvent("ended", function(){
    window.location = "http://www.google.com"
});
});
</script>
</div>
</body>
</html>

对于随机链接，我有以下内容：

<script type="text/javascript">
function randomlinks(){
var myrandom=Math.round(Math.random()*6)
var links=new Array()
links[0]="test1.html"
links[1]="test2.html"
links[2]="test3.html"
links[3]="test4.html"
links[4]="test5.html"
links[5]="test10.html"
links[6]="test11.html"

window.location=links[myrandom]
}
</script>


<form>
<input name="butt" type="button" id="butt" onClick="randomlinks()" value="random link!">
</form>

我无法弄清楚如何解决这些问题以获得我需要的东西。我希望视频结束触发随机链接并打开它。

非常感谢任何帮助。

谢谢！

Answer 1

除非我遗漏了某些内容，否则你只需要调用事件中的随机链接功能即可结束视频。

myPlayer.addEvent("ended", function(){
    randomlinks();
});

或更简洁

myPlayer.addEvent("ended", randomlinks);

此外，您可能希望在同一个脚本块中定义randomlinks函数以进行逻辑分组。

视频结束后重定向到随机网页

1 个答案: