静音视频背景不起作用

Question

我已经尝试了很多指南并阅读了很多关于这个问题的答案，仍然没有设法解决这个问题。如何将我的 YouTube 嵌入式视频静音？ P.s。我是一个编码菜鸟，也是 SOF 的新手，如果我做错了什么，请原谅我。

<div class="video-bg embed-responsive embed-responsive-16by9">

<iframe class="embed-responsive-item" width="560" height="315" 
src="https://www.youtube.com/embed/ArGfDo1xQuM?rel=0&controls=0&showinfo=0&frameborder=0&autoplay=1&loop=1&playlist=eXadofBB7hM" frameborder="0" allowfullscreen></iframe>

</div>

Answer 1

你必须使用 iframe_api。在 iframe src 属性中你必须添加 enablejsapi=1，另外 iframe 有 id 属性将它与 YT.Player 实例连接起来。然后用这个javascript来控制电影播放

<script src='http://www.youtube.com/iframe_api'></script>
<script>
    var player;
    function onYouTubeIframeAPIReady() {
        player = new YT.Player('playerId', {
            events: {
                onReady:onPlayerReady
                }
            }
        )
    }
    function onPlayerReady(event) {
        player.mute();
        player.setVolume(0);
        player.playVideo();
    }
</script>


<div class="video-bg embed-responsive embed-responsive-16by9">

<iframe id='playerId' class="embed-responsive-item" width="560" height="315" 
src="https://www.youtube.com/embed/ArGfDo1xQuM?rel=0&controls=0&showinfo=0&frameborder=0&autoplay=1&loop=1&playlist=eXadofBB7hM&enablejsapi=1" frameborder="0" allowfullscreen></iframe>

</div>

静音视频背景不起作用

Mute video-bg not working

html

javascript

video

mute

youtube-javascript-api