IFrame Player APIの関数を利用する（プレーヤーの音量の変更：mute / unMute / isMuted / setVolume / getVolume）

その他

<< CGI'sトップページ

<< WEBシステム開発依頼

IFrame Player APIの関数を利用する（プレーヤーの音量の変更：mute / unMute / isMuted / setVolume / getVolume）

CGI'sトップページ > Youtube API メモ > IFrame Player APIの関数を利用する（プレーヤーの音量の変更：mute / unMute / isMuted / setVolume / getVolume）

IFrame Player APIの関数を利用する（プレーヤーの音量の変更：mute / unMute / isMuted / setVolume / getVolume）

関数名

機能概要/構文/パラメータ

mute
unMute
isMuted
setVolume
getVolume

ミュートする
ミュートしない
ミュートされているかどうか
音量を設定
音量を取得

player.mute():Void
player.unMute():Void
player.isMuted():Boolean
player.setVolume(volume:Number):Void
player.getVolume():Number

volume

音量

以下のサンプルでは動画呼び出時にプレーヤーのコントロールを非表示、プレーヤー下の各ボタンに1～5の操作を実行する関数をonclickで指定しています。音量設定は30を指定。3,5についてはミュート状態と音量をアラーと表示します。

サンプルコード

<div id="ytplayer"></div>
<script>
    // API読み込み
    script = document.createElement( 'script' );
    script.src = "//www.youtube.com/iframe_api";
    firstScript = document.getElementsByTagName( 'script' )[ 0 ];
    firstScript.parentNode.insertBefore( script , firstScript );
    
    // 動画呼び出し
    function onYouTubeIframeAPIReady() {
      player = new YT.Player('ytplayer', {
          height: '285',
          width: '480',
          playerVars: {
              controls: 0
          },
          videoId: 'M7lc1UVf-VE'
      });
      
    }
    
    function myMute() {
        player.mute();
    }
    function myUnMute() {
        player.unMute();
    }
    function myIsMuted() {
        if(player.isMuted() == true) {
            alert('ミュートされています');
        }
        else {
            alert('ミュートされていません');
        }
    }
    function mySetVolume(vol) {
        player.setVolume(vol);
    }
    function myGetVolume() {
        alert('現在の音量は' + player.getVolume() + ' です');
    }
</script>

サンプル

Youtube API メモ Indexへ戻る