javascript - 如何使嵌入 HTML 格式的 YouTube 视频的 iframe 静音？

Question

我想将主页背景中 iframe 中自动播放的 YouTube 视频静音。

在 google 上搜索了该问题，但找不到解决方案。

尝试过<-object->.muted = true; 音量='0' 以及在谷歌上找到的一些其他解决方案，但没有一个对我有用。

这是我的代码:

<iframe id="HomeScreenVideo" width="100%" height="100%" src="https://www.youtube.com/embed/T1RFAujSCJA?vq=hd1080&amp;autoplay=1&amp;hd=1&amp;playlist=T1RFAujSCJA&amp;enablejsapi=1" frameborder="0" allowfullscreen></iframe>

Answer 1

从父页面使用 youtube api。

	  var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

        var player;

        function onYouTubeIframeAPIReady() {
            player = new YT.Player('video', {
                events: {
                    'onReady': onPlayerReady
                }
            });
        }

        function onPlayerReady() {
            player.playVideo();
            // Mute!
            player.mute();
        }

<iframe id="video" width="100%" height="100%" src="https://www.youtube.com/embed/QH2-TGUlwu4?vq=hd1080&amp;autoplay=1&amp;hd=1&amp;playlist=T1RFAujSCJA&amp;enablejsapi=1" frameborder="0" allowfullscreen></iframe>

来源:https://jsfiddle.net/BFDKS/1091/