[已解决]Web开发第27课疑问

by2014 · 发表于 2019-8-22 21:30:55

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 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功能无效跪求各位大佬指出问题

最佳答案

不二如是

2019-8-23 08:17:05

1、截图所指应该是 document ：

不二如是 · 发表于 2019-8-23 08:17:05

1、截图所指应该是 document ：

账号		自动登录	找回密码
密码			立即注册