Web开发第27课疑问
本帖最后由 by2014 于 2019-8-22 22:30 编辑<!DOCTYPE html>
<html>
<head>
<title>循环播放视频</title>
<meta charset="utf-8">
</head>
<body>
<video id="FishC" src="video.mp4" width="640" poster="pic.jpg" controls loop></video>
<p>鱼油选择播放速率：<select id="selRate">
<option value="0.5">0.5</option>
<option value="1" selected>1.0</option>
<option value="1.25">1.25</option>
<option value="1.5">1.5</option>
<option value="2">2.0</option>
</select></p>
<button onclick="playPause()">播放/暂停</button>
<button onclick="makeBig()">放大</button>
<button onclick="makeSmall()">缩小</button>
<button onclick="makeNormal()">正常</button>
<script>
var rate = docment.getElementById('selRate');
var video = document.getElementById('FishC');
// 开始/暂停播放
function playPause() {
if (video.paused)
video.play();
else
video.pause();
}
// 放大
function makeBig() {
video.width = 960;
}
// 缩小
function makeSmall() {
video.width = 320;
}
// 正常
function makeNormal() {
video.width = 640;
}
// 改变播放速率
rate.addEventListener('change', function () {
video.playbackRate = this.value;
});
</script>
</body>
</html>
照抄小甲鱼的代码 视频能正常播放 但是js功能无效 跪求各位大佬指出问题 1、截图所指应该是 document ：
页:
[1]