视频结束时重定向到随机网页
我是一个编程新手，但我正在努力为我正在进行的项目整合一些东西。
我想要的是网页加载，播放视频，然后当视频结束，然后重定向到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>
我想不出如何把它们组合在一起才能得到我需要的东西。我希望视频的结尾触发随机链接并打开它。
任何帮助都将不胜感激。
谢谢
共有1个答案
除非我错过了什么，否则你只需要调用事件中的随机链接函数来获得视频结尾。
myPlayer.addEvent("ended", function(){
randomlinks();
});
或者更简洁地说
myPlayer.addEvent("ended", randomlinks);
此外，您可能希望在逻辑分组的同一个脚本块中定义随机链接函数。
-
问题内容： 您如何检测HTML5 元素何时播放完毕？ 问题答案： 您可以添加带有“ end”作为第一个参数的事件监听器 像这样 ：
-
有人让我创建一个脚本，将移动用户直接重定向到插入电话号码的电话应用程序。而不是查看网页。 不知何故，我的脚本只适用于点击事件，而不适用于页面加载事件。 问候
-
我希望在尝试访问此URL时： http://localhost:8080/123456/activites-数码 代理重定向请求到此地址： http://localhost:8082/activites-digitales 我在端口8082上有一个返回JSON的api。 与我当前的配置文件它的工作： http://localhost:8080/activites-digitales 但不是： ht
-
如果我尝试对其运行第一个命令行，则输出视频将给出一个错误。 所有的反馈赞赏缩短一个视频，然后添加结尾。 干杯！瑞安
-
我一直试图在我网站的主页上做以下操作：全屏播放视频（无控件，无循环，静音，自动播放，存储在本地），当它结束时，视频被隐藏并显示一个div元素。 我习惯于使用HTML和CSS，但不太喜欢使用JavaScript，所以到目前为止，我所做的是放置视频，并使用复选框隐藏/显示元素（如图所示），然后尝试修改它，这样它就可以检测到视频何时结束，但我无法使其工作。 我使用的代码可能是错误的，因为它是为一个复选框
-
/***政治动物*contentscript.js加载到manifest.json中列出的每个页面*此插件将新闻网站上的所有图像替换为*穿西装的动物的图片，作为对新闻内容的评论。为Web 2制作*2013年11月20日*/ //随机图像数组 //重定向 //确保代码符合我的要求。只要链接显示的数字大于-1，那么站点扩展就是working console.log（referer）；console.l