Html YouTube:如何呈现静音的嵌入视频

Html YouTube:如何呈现静音的嵌入视频,html,youtube,youtube-iframe-api,Html,Youtube,Youtube Iframe Api,我试图嵌入一个声音静音的视频,但我不知道它是如何工作的 目前我正在使用此功能,但不起作用: <iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&amp;autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe> 你们中有谁知道我该怎么做吗?更新了 将&mute=1添加到url的末尾 您的新代码

我试图嵌入一个声音静音的视频,但我不知道它是如何工作的

目前我正在使用此功能,但不起作用:

<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&amp;autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>


你们中有谁知道我该怎么做吗?

更新了

&mute=1
添加到url的末尾

您的新代码将是:

试试这个

<iframe width="420" height="315" src="http://www.youtube.com/embed/
HeQ39bLsoTI?autoplay=1&cc_load_policy=1" volume="0" frameborder="0"
allowfullscreen></iframe>


别忘了写volume=“0”

公认的答案对我不起作用,我成功地遵循了

基本上:

<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();
      }
    }
  });
 }

 // Written by @labnol 
</script>

函数onyoutubeiframeapiredy(){
var播放器;
player=新的YT.player('muteYouTubeVideoPlayer'{
videoId:'你的视频ID',//YouTube视频ID
宽度:560,//播放器宽度(像素)
高度:316,//播放器高度(像素)
playerVars:{
自动播放:1,//加载时自动播放视频
控件:1,//在播放器中显示暂停/播放按钮
showinfo:0,//隐藏视频标题
1,//隐藏Youtube徽标
循环:1,//在循环中运行视频
fs:0,//隐藏全屏按钮
cc_load_策略:0,//隐藏隐藏的标题
iv_load_策略:3,//隐藏视频批注
自动隐藏:0//播放时隐藏视频控件
},
活动:{
onReady:函数(e){
e、 target.mute();
}
}
});
}
//作者@labnol
来源:


var tag=document.createElement('script');
tag.src=”https://www.youtube.com/iframe_api";
var firstScriptTag=document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(标记,firstScriptTag);
var播放器;
函数onyoutubeiframeapiredy(){
player=新的YT.player('player'{
高度:'720',
宽度:“1280”,
videoId:'M7lc1UVf VE',
playerBars:{'autoplay':1,'loop':1,'playlist':'M7lc1UVf-VE','vq':'hd720'},
活动:{
“onReady”:onPlayerReady,
“onStateChange”:onPlayerStateChange
}
});
}
函数onPlayerReady(事件){
事件.target.setVolume(0);
event.target.playVideo();
}
var done=false;
函数onPlayerStateChange(事件){
如果(event.data==YT.PlayerState.PLAYING&&!done){
//设置超时(停止视频,6000);
完成=正确;
}
事件.target.setVolume(0);
}

对于我来说,使用
&autoplay=1和mute=1工作很简单。只需将mute=1添加到iframe的src参数中。

例如:





也在寻找解决方案,但我没有通过iframe加入,我的链接到images/video.mp4-找到了这个-我只是简单地添加了