javascript/jqueryイベントを通じてiframeサウンドを制御する方法

Question

iframe youtubeビデオで提供されているサウンドを止めたり、サウンドボタンで再生したりするのを探しています。

ボリュームの選択がもう機能しないので、私はこれを試しました。

function toggleSound() { 
 
    var soundElem = document.getElementbyId("frame1") // also tried with iframe.getElementbyId() 
 
    soundElem.volume = 0.3 
 
    if (soundElem.paused) { 
 
    soundElem.play() 
 
    } 
 
    else 
 
    soundElem.pause() 
 
}

//my yt video 
 
<iframe id=iframe1 src="//www.youtube.com/embed/YOUTUBECODE?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe> 
 

 
// my volume btn 
 
<div class=volume-button onmousedown=toggleSound();>

私はユーチューブオーディオを得ることができないとyoutubeAPIは私に、外部ボタンでイベントを提供しませんか？

種類よろしく、あなたは外部イベントで音をミュートするmuteメソッドを使用することができますIFrame Player APIで

Answer 1

：

var player 

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
    width: 1280, 
    height: 720, 
    videoId: 'M7lc1UVf-VE' 
    }) 
} 

function toggleSound() { 
    if (player.isMuted()) { 
    player.unMute() 
    } else { 
    player.mute() 
    } 
}