如何静音嵌入youtube视频?体积= 0不起作用

时间:2017-01-04 16:20:52

标签: javascript youtube mute


  volume = 0 似乎不再受支持了。
有谁知道我现在可以在2017年将我的iframe静音?

当我点击取消静音图标时,应显示静音图标,视频应静音。 (反之亦然)

这是iv到目前为止尝试的内容:

//Mute-Unmute Music
 $('#unmute').on('click', function() {
    $("#unmute").hide();
    $("#mute").show();
    $("#iframe").attr("volume", "0");
 });
 $('#mute').on('click', function() {
    $("#mute").hide();
    $("#unmute").show();
    $("#iframe").attr("volume", "1");
  });

1 个答案:

答案 0 :(得分:0)

  

任何使用IFrame API的网页都必须实现   以下JavaScript函数:

     

onYouTubeIframeAPIReady - API将在调用此函数时调用   页面已完成下载播放器API的JavaScript,其中   然后,您可以在页面上使用API​​。这样,这个功能   可能会创建要在页面显示时显示的播放器对象   负荷。

所以你的代码应该是这样的:

var player;

function onYouTubeIframeAPIReady() {
   player = new YT.Player('ytplayer', {
      height: '390',
      width: '640',
      videoId: 'M7lc1UVf-VE'
     }
  });
}

$('#unmute').on('click', function() {
    $("#unmute").hide();
    $("#mute").show();
    player.mute();
});
$('#mute').on('click', function() {
    $("#mute").hide();
    $("#unmute").show();
    player.unMute()
});