|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
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功能无效 跪求各位大佬指出问题
|
|