<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<div>
<button onclick="playandpause()">播放暂停</button>
<button onclick="resetVideo()">重播</button>
<button onclick="nowTime()">当前进度</button>
<button onclick="toTime(10)">快进十秒</button>
<button onclick="toTime(-10)">退回十秒</button>
<select name="aaa" id="abc" onclick="rateVideo(value)">
<option value="1">正常</option>
<option value="2">x2</option>
<option value="3">x3</option>
</select>
</div>
<div>
<video id="thisvideo" width="320" height="240" controls>
<source src="111.MP4" type="video/mp4">
您的浏览器不支持 HTML5 video 标签。
</video>
</div>
<script>
var x = document.getElementById("thisvideo");
function playandpause() {
if (x.paused) {
x.play();
} else {
x.pause();
}
}
function resetVideo() {
x.load();
}
function nowTime(){
alert(x.currentTime);
}
function toTime(istime){
x.currentTime = x.currentTime + istime;
}
function rateVideo(value){
x.playbackRate = value
}
</script>
</body>
</html>