IFrame Player APIの関数を利用する(再生速度率の設定:getAvailablePlaybackRates / setPlaybackRate / getPlaybackRate)

CGI'sトップページ > Youtube API メモ > IFrame Player APIの関数を利用する(再生速度率の設定:getAvailablePlaybackRates / setPlaybackRate / getPlaybackRate)

IFrame Player APIの関数を利用する(再生速度率の設定:getAvailablePlaybackRates / setPlaybackRate / getPlaybackRate)

関数名 機能概要/構文/パラメータ
  1. getAvailablePlaybackRates
  2. setPlaybackRate
  3. getPlaybackRate
  1. 設定可能な再生速度率
  2. 再生速度率を設定
  3. 再生速度率を取得
  1. player.getAvailablePlaybackRates():Array
  2. player.setPlaybackRate(suggestedRate:Number):Void
  3. player.getPlaybackRate():Number
2.
suggestedRate 再生速度率

以下のサンプルでは onReadyイベント内で getAvailablePlaybackRates と getPlaybackRate を使用し、 設定可能な再生速度率と現在再生速度率を取得し、それぞれ、allowsとcurrentというIDを持つHTML要素に表示しています。

また、変更のラジオボタンをクリックした際、setPlaybackRate を使用して速度を設定しています。

また、setPlaybackRateにより実際に速度が変わればonPlaybackRateChange イベントが起動します。 これをもって再生速度率変更成功ということでコールバック関数内でその旨をresultというIDを持つHTML要素に表示しています。

また、onPlaybackRateChange イベントではイベントオブジェクトの data プロパティに変更後の再生速度率が格納されるので、 それをcurrentというIDを持つHTML要素に表示しています。


サンプルコード


サンプル




■現在の再生速度率

■設定可能な再生速度率
※動画によっては "1" のみになる。また、クライアント側でHTML5プレーヤー以外を使用している場合は "1" のみとなる。その場合再生速度率は変更できない。

■再生速度率を変更
※前段に表示される再生速度率以外は失敗します。
0.25 0.5 1 1.25 1.5 2

■再生速度率の変更について成功したかしないか
※成功した場合のみ成功した旨が表示されます。


Youtube API メモ Indexへ戻る