html5实现视频倍速播放代码⽰例
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>阿酷TONY--Tangni</title>
6</head>
7<body>
8<div >
9  <button οnclick="playPause()">播放/暂停</button>
10  <button οnclick="makeBig()">放⼤</button>
11  <button οnclick="makeSmall()">缩⼩</button>
12  <button οnclick="makeNormal()">普通</button>
13  <button οnclick="getPlaySpeed()" type="button">当前播放速度</button>
14  <button οnclick="setPlaySpeed()" type="button">将视频设定为2倍播放速度</button>
15  <br>
16  <video id="video" width="600" autoplay controls>
17    <source src="test.mp4" type="video/mp4">
18    TONY提⽰：您浏览器不⽀持 HTML5 video 标签。 </video>
19</div>
20<script>
21var ElementById("video");
22function getPlaySpeed() {
23    alert("当前视频播放速度为："+myVideo.playbackRate);//获取播放速度
24    }
html代码转链接25function setPlaySpeed()  {
26    alert("视频将以2倍速度播放");//获取播放速度
27    myVideo.playbackRate=2;//设定新的播放速度2倍速度
28    }
29function playPause(){
30    if (myVideo.paused)
31      myVideo.play(); //播放
32    else
33      myVideo.pause(); //暂停播放
34    }
35function makeBig(){
36    myVideo.width=660;
37    }
38function makeSmall(){
39    myVideo.width=230;
40    }
41function makeNormal(){
42    myVideo.width=400;
43    }
44</script>
45</body>
46</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。