久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

Html5播放器實現倍速播放的方法示例

瀏覽:104日期:2022-06-12 14:09:17

Html5播放器,實現倍速播放的方法示例,playbackRate 屬性設置或返回音頻的當前播放速度。

定義和用法

playbackRate 屬性設置或返回音頻的當前播放速度。

playbackspeed
指示音頻的當前播放速度。

例值:
1.0 正常速度
0.5 半速(更慢)
2.0 倍速(更快)
-1.0 向后,正常速度
-0.5 向后,半速

示例代碼1:
代碼示例:
<video id="video" controls src="**.mp4" type="video/mp4"></video>
選擇倍速播放:
<select id="select">
 <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>

var select = document.getElementById("select");
var video = document.getElementById("video");
select.addEventListener("change", function () {
 video.playbackRate = this.value;
})
示例2:
應用倍速實例。

<div id="player"></div>
<script src="http://player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: "#player",
width: 800,
height: 533,
vid: "e785b2c81c9e018296671a1287e99615_e",
});
</script>
speed boolean/array [2, 1.5, 1.2, 0.5] 設置為false則關閉倍速,可傳入數組自定義顯示哪幾種倍速,速率1不需要填入,會自動添加,所設置速率值必須大于0,少于或等于3,最多設置6種速率(不包含1),所設置值會按由大到小自動排序
設置倍速代碼如下:

<div id="player"></div>
<script src="http://player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: "#player",
width: 800,
height: 533,
speed:[2, 1.5, 1.2, 0.5], //倍速播放參數設定值
vid: "e785b2c81c9e018296671a1287e99615_e",
});
</script><font face="Tahoma"><span style="white-space: normal;"></span></font>
標簽: HTML
主站蜘蛛池模板: 莱州市| 常熟市| 峨眉山市| 吉首市| 紫金县| 南江县| 定日县| 南康市| 正宁县| 正阳县| 双城市| 册亨县| 连南| 灵川县| 印江| 拉萨市| 克拉玛依市| 太仓市| 博白县| 磐石市| 安康市| 和林格尔县| 桑日县| 凤庆县| 石首市| 红安县| 九龙坡区| 绥芬河市| 涟源市| 英德市| 上蔡县| 长葛市| 城市| 象山县| 衡东县| 梅河口市| 宁阳县| 陈巴尔虎旗| 修文县| 松原市| 肃南|