2017-06-04 86 views
0

我已經嘗試了很多指南,並閱讀了很多關於這個問題的答案,仍然沒有設法解決這個問題。如何將我的YouTube嵌入式視頻靜音? P.s.我是編碼的新手,對SOF來說是新手,如果我做了一些可怕的錯誤,請原諒我。靜音video-bg不工作

<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> 
+0

據我所知,沒有辦法使'iframe'元素靜音。你可以下載視頻並將其作爲video元素的來源嗎? –

+0

可能的重複[如何自動播放Youtube視頻(IFrame API)靜音?](https://stackoverflow.com/questions/8869372/how-do-i-automatically-play-a-youtube-video-iframe -api-muted) – mx0

+0

@JonathanBartlett我現在正在下載,這將需要一段時間,一定會嘗試這種方式,並希望找到解決方案!我會讓你更新 –

回答

0

您必須使用iframe_api。在IFRAME SRC屬性你必須添加enablejsapi=1,也IFRAMEID屬性與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> 
+0

非常感謝!你節省了我的一天,我很高興現在知道它是如何工作的! @ MX0 –