HTML5で動画の再生速度を変更するにはどうすればよいですか?


回答:


199

このサイトによれば、これはplaybackRatedefaultPlaybackRate属性でサポートされており、DOM経由でアクセスできます。例:

/* play video twice as fast */
document.querySelector('video').defaultPlaybackRate = 2.0;
document.querySelector('video').play();

/* now play three times as fast just for the heck of it */
document.querySelector('video').playbackRate = 3.0;

上記、Chrome 43以降、Firefox 20以降、IE 9以降、Edge 12以降で動作します。


1
役立つリソースに感謝します。FirefoxはChromeでデモを行った属性をサポートしていませんが、正常に動作します。上司もそう思うでしょう。ありがとうございます。
ヤング

4
playbackRateは、バージョン20以降のFirefoxで動作します。Chromeでも動作します。
Janus Troelsen 2013

2
これは、最初に実行する場合は機能しますが、次のようにプロセスの後半で実行する場合は機能しません。window.onload = function(){document.getElementById( "master_video")。defaultPlaybackRate = 0.1; document.getElementById( "master_video") .play();}
Fzs2 2013

Ionic androidでは機能しません... AndroidのイオンフレームワークでHTML%ビデオプレーヤーを使用していますが、再生レートをサポートしていません.........
Dinesh R Rajput

1
@Sushan .querySelectorは最初に一致したものを返します。を使用できます.querySelectorAllが、これらの回答のコードを直接使用するのではなく、それらを反復処理する必要があります。
leewz 2017

52

入力するだけ

document.querySelector('video').playbackRate = 1.25;

最新のブラウザのJSコンソールで。


video要素の一部の属性により、このコマンドが機能しなくなります。このコンソールコマンドが失敗した場合は、インスペクターで動画要素と親要素の属性を確認し、ユーザーによる動画の操作を妨げている属性を削除します。コマンドを再試行してください。
Christopher Harwood

0

次のコードを使用できます。

var vid = document.getElementById("video1");

function slowPlaySpeed() { 
    vid.playbackRate = 0.5;
} 

function normalPlaySpeed() { 
    vid.playbackRate = 1;
} 

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}

こんにちは@ Armel、PythonでSeleniumを使用している場合、このコードをどこに配置すればよいですか?
balandongiv

こんにちは@balandongiv、すみません、わかりません:(
Armel

-1
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

ここには任意の数を入力できますが、コンピュータに行き過ぎないように、遠くまで行かないでください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.