javascript - 如何通过 javascript/jquery 事件控制 youtube iframe 声音

Question

我希望捕捉 iframe youtube 视频中提供的声音，以便通过声音按钮停止/播放它。

因为 volume opt 不再起作用，所以我尝试了这个。

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();>

我无法获取 youtube 音频并且 youtubeAPI 没有为我提供带有外部按钮的事件？

亲切的问候，

Answer 1

随着IFrame Player API你可以使用mute使用外部事件静音的方法:

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()
  }
}