193

HTML5でビデオの再生速度を変更するにはどうすればよいですか?w3schoolでビデオタグの属性を確認しましたが、それに近づくことができませんでした。助けていただければ幸いです。

4

9 に答える 9

303

このサイトによると、これはDOMを介してアクセスできる属性playbackRateと属性でサポートされています。defaultPlaybackRate例:

/* 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以降、Edge12以降で機能します。

于 2010-06-12T08:05:58.277 に答える
87

入力するだけ

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

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

于 2016-09-30T15:56:58.750 に答える
13

(YouTubeでビデオを再生しながらChromeでテストされていますが、どこでも機能するはずです。特にオンライントレーニングビデオの高速化に役立ちます)。

これらを「ブックマークレット」(URLの代わりにJavaScriptコードを含むブックマーク)としてブラウザに追加したい場合は、これらのブラウザのブックマーク名とURLを使用して、次の各ブックマークをブラウザの上部に追加してください。以下の各ブックマークの「URL」部分をコピーするときは、複数行のコードブロック全体、新しい行、およびすべてを、ブラウザのブックマーク作成ツールの「URL」フィールドにコピーします。

ここに画像の説明を入力してください

名前: 0.5x
URL:

javascript:

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

名前: 1.0x
URL:

javascript:

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

名前: 1.5x
URL:

javascript:

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

名前: 2.0x
URL:

javascript:

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

これが私の再生速度のブックマークレットのすべてです:

次に示すように、上記のすべての再生速度のブックマークレットなどを1.00x、ブックマークバーにある名前のフォルダーに追加しました。

ここに画像の説明を入力してください

参照:

  1. JeremyVisserによる主な回答
  2. ここに私のGitHubの要点からコピー:https ://gist.github.com/ElectricRCAircraftGuy/0a788876da1386ca0daecbe78b4feb44#other-bookmarklets
    1. GitHubでの支援など、他のブックマークレットもここで入手できます。
于 2020-12-01T23:38:14.273 に答える
2

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

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

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

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

function fastPlaySpeed() { 
    vid.playbackRate = 2;
}
于 2019-12-11T06:47:39.663 に答える
2

Chromeで、新しいブックマークを作成します ここに画像の説明を入力してください

スピードセレクターなどの任意の名前を入力してから、URLに次のコードを入力します

javascript:

var speed = prompt("Please enter speed", "1");
document.querySelector('video').playbackRate = speed,void(0);

次に、このブックマークをクリックすると、ポップアップウィンドウが表示され、ビデオの速度を入力できます。

ここに画像の説明を入力してください

于 2021-04-10T09:08:46.547 に答える
2

私はビデオ速度のためにもっと微調整されたアプローチを持っていることを好みます。コマンドでビデオの速度を上げたり下げたりできるのが好きです。したがって、私はこれを使用します:

window.addEventListener("keypress", function(e) {
  if(e.key==="d") document.getElementsByTagName("video")[0].playbackRate += .1; else if(e.key==="s") document.getElementsByTagName("video")[0].playbackRate -= .1;
}, false);

dを押すと速度が上がり、sを押すと遅くなります。

于 2021-05-07T19:00:52.587 に答える
1
javascript:document.getElementsByClassName("video-stream html5-main-video")[0].playbackRate = 0.1;

ここには任意の数字を入れることができますが、遠くまで行かないでください。そうすれば、コンピューターを使いすぎないようにできます。

于 2019-03-25T15:17:56.000 に答える
1

ビデオ/オーディオIDがmyVideoであるとすると、次の簡単なJSコードを入力するだけで、JavaScriptを使用してやりたいことができます。

var vid = document.getElementById("myVideo");
vid.playbackRate = 0.5;`
それはあなたのビデオ/オーディオの速度を半分の速度に落とします。

再生速度

オーディオ/ビデオの現在の再生速度を示します。

値の例:

1.0 is normal speed

0.5 is half speed (slower)

2.0 is double speed (faster)

-1.0 is backwards, normal speed

-0.5 is backwards, half speed

ソース:w3schools.com

于 2021-03-21T07:41:18.873 に答える
0

ブラウザのJavaScriptコンソールで次のコマンドを入力するだけです。

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

ここに画像の説明を入力してください

次のように、右クリックメニューから検査オプションを選択することで取得できます。 ここに画像の説明を入力してください

于 2021-06-23T12:24:50.087 に答える