網頁看視訊,加速敢看的技巧
開啟控制檯, console標籤下
$('#vplayer_html5_api')[0].playbackRate=你要的速度(預設為1,0.1~2之間)
方式二
廢話不多說， 以極客為例。就很簡單兩個步驟和幾行程式碼：
F12 --->firebug--->
點選video 獲取到div的Id:
即： play_video_html5_api
然後在console執行如下程式碼：
var vid = document.getElementById("play_video_html5_api");
vid.playbackRate = 1.5;
然後你就能看到視訊的播放速度正在以x1.5倍的速度播放，沒錯，就是那麼簡單粗暴
方式三
playbackRate屬性;設定或返回聲頻、視訊的播放速度
使用playbackRate屬性設定或返回聲頻、視訊的播放速度。
| 值 | 說明 |
|---|---|
| 播放速度 | 指定當前聲頻、視訊的播放速度。值：
|
| 返回值 | 數值，速度；預設值：1.0； |
| JavaScript 語法：audio/video.playbackRate | |
使用例
<!DOCTYPE html>
<html>
<head>
<meta charset
<title>Insert title here</title>
</head>
<body>
<button onclick="getPlaySpeed()" type="button">播放速度?</button>
<button onclick="setPlaySpeed()" type="button">設定慢速播放</button><br>
<video id="video1" width="480" height="270" controls="controls
<source src="material/sample.mp4" type="video/mp4"/>
<source src="material/sample.ogv" type="video/ogg"/>
你的瀏覽器不支援HTML5 video.
</video>
<script>
var vid = document.getElementById("video1");
function getPlaySpeed() {
alert(vid.playbackRate);
}
function setPlaySpeed() {
vid.playbackRate = 0.5;
}
</script>
</body>
</html>
不同瀏覽器的對應情況
| 屬性 | |||||
| playbackRate | 9.0 | yes | 3.5 | yes | yes |