如何使用HTML中的嵌入式YouTube視頻靜音iframe？

我想在我的主頁背景中將iframe中的自動播放的YouTube視頻靜音。如何使用HTML中的嵌入式YouTube視頻靜音iframe？

搜索了谷歌，但找不到解決方案。

試過< -object - >。muted = true; volume ='0' 和其他一些在google上找到的解決方案，但沒有一個適合我。

這裏是我的代碼：

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

來源

2016-12-16 Rushi Oza

https://stackoverflow.com/questions/24868226/how-do-you-mute-an-embedded-youtube-player – Goombah

https://stackoverflow.com/questions/35044594/youtube-how-到現在嵌入視頻與聲音靜音 – Goombah

https://stackoverflow.com/questions/8869372/how-do-i-automatically-play-a-youtube-video-iframe-api-muted – Goombah

使用YouTube API，從父頁。

\t 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/

來源

2018-01-31 19:47:20 Cryptopat

圍棋的YouTube視頻頁面，並記下從URL中視頻的ID。例如，如果YouTube視頻鏈接是http://youtube.com/watch?v=xyz-123，則視頻ID爲xyz-123。一旦你有了ID，你所要做的就是用下面的代碼將YOUR_VIDEO_ID替換爲該字符串。

<div id="muteYouTubeVideoPlayer"></div> 

<script async src="https://www.youtube.com/iframe_api"></script> 
<script> 
function onYouTubeIframeAPIReady() { 
    var player; 
    player = new YT.Player('muteYouTubeVideoPlayer', { 
    videoId: 'YOUR_VIDEO_ID', // YouTube Video ID 
    width: 560,    // Player width (in px) 
    height: 316,    // Player height (in px) 
    playerVars: { 
     autoplay: 1,  // Auto-play the video on load 
     controls: 1,  // Show pause/play buttons in player 
     showinfo: 0,  // Hide the video title 
     modestbranding: 1, // Hide the Youtube Logo 
     loop: 1,   // Run the video in a loop 
     fs: 0,    // Hide the full screen button 
     cc_load_policy: 0, // Hide closed captions 
     iv_load_policy: 3, // Hide the Video Annotations 
     autohide: 0   // Hide video controls when playing 
    }, 
    events: { 
     onReady: function(e) { 
     e.target.mute(); 
     } 
    } 
    }); 
}

來源

2018-02-01 07:23:50

如何使用HTML中的嵌入式YouTube視頻靜音iframe？

回答

相關問題