English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML リファレンスマニュアル

HTML タグ全書

HTML オーディオ/ビデオDOM playbackRate属性

HTMLMediaElement.playbackRate属性は、メディアファイルの再生時の速度を設定します。これはユーザーが早送り、遅送りなどを実現するために使用されます。通常の再生速度をこの値で乗じたものが現在の再生速度を示しますので、1.0は通常の再生速度を表します。 playbackRateを負の値に設定することで逆再生を実現できます。 メディアファイルを逆再生したり、再生速度がブラウザのカーネルが定義する利用可能な範囲より低いまたは高い場合(例えば、Geckoの約定範囲は0.25~5.0)の時、再生プロセスはミュートされます。 どんな再生速度でも、オーディオのトーンはデフォルトで一致します。一部のブラウザでは、トーン制御のために非標準のpreservespitch属性を実装しています。

 HTML オーディオ/ビデオ DOM リファレンスマニュアル

オンラインサンプル

ビデオをスローモーション再生に設定する:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">-8">
<title>HTML オーディオ/video playbackRate 属性の使用-基本チュートリアル(oldtoolbag.com)</title>
</head>
<body>
<button onclick="getPlaySpeed()" type="button">回放的速度は何ですか?</button>
<button onclick="setPlaySpeed()" type="button">视频设置为慢速播放</button>
<br> 
<video id="video1" controls="controls">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  あなたのブラウザはHTML5 video  タグ。
</video>
<script>
myVid=document.getElementById("video1");
function getPlaySpeed()
{ 
  alert(myVid.playbackRate);
} 
function setPlaySpeed()
{ 
  myVid.playbackRate=0.5;
} 
</script> 
</body>
</html>
テストして見てみましょう ‹/›

定義と使用方法

playbackRate 属性の設定またはオーディオの返り値/ビデオの現在の再生速度。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザは playbackRate 属性をサポートしています。

注意:Internet Explorer 9 及びその以前のバージョンでは playbackRate 属性をサポートしていません。

文法

playbackRate 属性を設定します:

audio|video.playbackRate=playbackspeed

playbackRate 属性を返します:

audio|video.playbackRate

属性値

説明
playbackspeedオーディオを示す/ビデオの現在の再生速度。
例値:
  • 1.0 通常速度

  • 0.5 半速(遅く)

  • 2.0 倍速(速く)

  • -1.0 後退、通常速度

  • -0.5 後退、半速

技術的詳細

返り値:数値、現在の再生速度
デフォルト値:1.0
 HTML オーディオ/ビデオ DOM リファレンスマニュアル