将必须通过HTML iframe嵌入的YouTube视频静音

时间:2013-11-09 00:14:27

标签: javascript jquery video youtube youtube-javascript-api

问题

我正在使用一个网站,其中开发人员通过改变iframe的src标记的脚本来编码嵌入的YouTube视频。

我需要将此元素静音,虽然我知道有一些库允许我通过脚本嵌入视频并选择静音,但我不知道如何在不使用这些方法的情况下使用这些方法重写在youtube播放器上完成的所有操作。这里最好的选择是什么?

元素

<iframe id="tv" width="100%" height="100%" src="http://www.youtube.com/embed/9NFUgVa68hw?autoplay=1&rel=0&controls=0&showinfo=0&disablekb=1&iv_load_policy=3&modestbranding=1" frameborder="0" allowfullscreen></iframe>

脚本

var channel1 = "http://www.youtube.com/embed/dFU6Cy4Hd5A?autoplay=1&rel=0&controls=0&showinfo=0&disablekb=1&iv_load_policy=3&modestbranding=1";

$("#channel-1").click(function(){
$("#tv").attr("src", channel1);
$(".mid-bar").text("TNT");
});

以上只是脚本的一个模块;有22个频道。

同样,我试图将嵌入的视频静音而不必重写src更改。如何才能做到这一点?

1 个答案:

答案 0 :(得分:2)

我们了解到您不希望更改src,但是,如果您添加enablejsapi=1,则可以通过调用object.mute()

使用javascript来静音视频

参考:https://developers.google.com/youtube/js_api_reference#Playback_controls