如何使用低音量(iframe)自动启动Youtube视频

时间:2016-05-15 22:48:02

标签: javascript jquery html iframe youtube

这是我创建的iframe,用于在我的博客中自动启动视频(主要是音乐):

< iframe width="140" height="105" src="https://www.youtube.com/embed/tGzl_AB4poI?rel=0&amp;showinfo=0&autoplay=1" frameborder="0" allowfullscreen></iframe>

一切都很完美。唯一的问题是音频,因为音量过高而我会减少它 - 所以我在代码上添加了这部分:"&player.setVolume(5)"

最后的代码就是这个:

< iframe width="140" height="105" src="https://www.youtube.com/embed/tGzl_AB4poI?rel=0&amp;showinfo=0&autoplay=1&player.setVolume(5)" frameborder="0" allowfullscreen></iframe>

问题是它不会起作用而且音量仍然是聋人 - (但代码仍适用于自动播放和所有其他pref)。

出了什么问题?

1 个答案:

答案 0 :(得分:4)

IFrame API reference中,您可以使用player.setVolume()在播放器准备就绪后设置音量。

如果要控制音量,则必须在Javascript中编写一些代码:

function onYouTubeIframeAPIReady() {
  // iframeId parameter should match your Iframe's id attribute
  var player = new YT.Player('iframeId', {
    width: 140,
    height: 105,
    videoId: 'tGzl_AB4poI',
    events: {
      'onReady': function (event) {
        event.target.setVolume(0);
        event.target.playVideo();
      }
    }
  });
}