主页
M
html5
JavaScript
DIV+CSS
前端美工
--网页制作--
Java与JSP
PHP
Python 3
Golang
--网络编程--
Mysql
Oracle
NoSQL
SQLite
--数据库--
Linux
正则表达式
架构
--运维--
--网页特效--
--移动开发--
SDN
QUIC
网络原理
--网络--
强化学习
机器学习
--人工智能--
区块链1
区块2
--区块链--
爬虫技术
爬虫案例
--数据采集--
理论
dapp案例
--dapp--
html5 video视频播放机播放完成后跳转到页面的实现方法
2015-08-16
网页编程网
网页编程网
html5 video视频播放机播放完成后跳转到页面的实现方法（兼容PC，Android，IOS），修改addEventListener即可。
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport"> <title></title> </head> <body> <script type="text/javascript"> window.onload = function () { var videoPlayer = document.getElementById("video"); videoPlayer.addEventListener("timeupdate", function () { if(videoPlayer.currentTime>53){ //这里填入视频的最大时间 window.location.href="http://www.youkud.com"; }//if }, false); }; </script> <div> <video id="video" src="http://www.zbfm926.com/wowanjia/11.mp4" poster"/images/activity/0827/xuchuanpian.png" preload="none" controls style="-webkit-transform: translate3d(0, 0, 0)" ondurationchange="durationChange()" width="450px" height="320px" autoplay="autoplay"></video> </div> </body> </html>
阅读原文
阅读
10731
123
显示电脑版