Written by Kasumi

【簡単】videoタグの再生速度を調整(早く・遅く)する方法

videoタグでサイトに動画を埋め込んでる。

埋め込んだ動画の再生速度を調整したい。

動画を編集せず、調整したい。

本記事では簡単なJavascriptを書いてこのような悩みを解決します。

videoタグの再生速度を調整するコード

  video = document.getElementById('video');
  video.playbackRate = 0.7; //速度調整

上記JSコードをscript内に記述しましょう。

getElementByIdにはvideoタグのIDを指定します。

playbackRateの値に速度値を指定します。

1が基準です。

1より上は再生速度を早くする、1より下は再生速度を遅くします。

以上で解決です。

まとめ

動画を編集せず、簡単なJSコードだけで解決できます。

本記事を参考に実装してみてください。

以上で解説を終わります。

目次

関連記事

JavaScript

【JavaScript】selectボックスで選択したoptionによってクラスを追加・削除する方法

2022.10.14
1220
JavaScript

JavaScriptで配列とオブジェクトを比較。重複した値を持つ要素だけ取得する方法

2022.12.24
533
JavaScript

JavaScriptでHTML要素(DOM)を動的に移動する方法

2022.10.13
1585
JavaScript

【JavaScript】キーボードで入力したキー値を取得する方法

2023.01.23
237