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