サウンドをミュートにしてビデオを埋め込もうとしていますが、どのように動作させるのかわかりません。 YouTube：サウンドをミュートで表示する方法
は現在、私はこれを使用していますが、動作しません：<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>
あなたのいずれかが、私はこの作品を作ることができる方法を知っていますか？
オーディオをミュートするには、JavaScriptを追加する必要があります。 あなたはiframeにIDを追加します。
var myVideo = iframe.getElementById('myVideo');
myVideo.mute();
はまた、YouTubeのAPIリファレンスhttps://developers.google.com/youtube/js_api_reference?csw=1
、問題のミュートセクションを参照してください：
<iframe id="myVideo" src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>
は次にJavaScriptでIDを取得 How do I automatically play a Youtube video (IFrame API) muted?
お試しください
受け入れ答えは私のために働いていなかった<iframe width="420" height="315" src="http://www.youtube.com/embed/
HeQ39bLsoTI?autoplay=1&cc_load_policy=1" volume="0" frameborder="0"
allowfullscreen></iframe>
は=「0」
はもう動作しません。 –
ボリュームを書くことを忘れないでください、私は成功を収めて代わりthis tutorialを追いました。
基本的には：
<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>
追加の 'playerVar'として' mute：1'を追加することができます。そして 'onReady'イベントは必要ありません。 'autohide：0'の後にコンマをつけて、' spute 'とみなされるので 'mute：0'を使うことはできないことに注意してください。また、ページを更新したときに動画を明示的にミュートした後も、動画はミュートされます。 –
出典：https://developers.google.com/youtube/iframe_api_reference
<div id="player"></div>
<script>
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('player', {
height: '720',
width: '1280',
videoId: 'M7lc1UVf-VE',
playerVars :{'autoplay':1,'loop':1,'playlist':'M7lc1UVf-VE','vq':'hd720'},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.setVolume(0);
event.target.playVideo();
}
var done = false;
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
// setTimeout(stopVideo, 6000);
done = true;
}
event.target.setVolume(0);
}
</script>
私にとっては、これを使用して動作します：= 1
これは最初から簡単だったはずです。うん、それも私のために働く。 –
これは本当に簡単です： '& mute = 1'を追加するだけです。 –
これは受け入れられる回答である必要があります。 – Hinrich
&自動再生= 1 &ミュートは、これは簡単です。単にmute = 1をiframeのsrcパラメータに追加してください。
例：
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?ecver=1?controls=0&mute=1&showinfo=0&rel=0&autoplay=1&loop=1&playlist=uNRGWVJ10gQ" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ULzr7JsFp0k?list=PLF8tTShmRC6vp9YTjkVdm1qKuTimC6K3e&rel=0&autoplay=1&controls=1&loop=1" rel=0& frameborder="0" allowfullscreen></iframe>
この仕組みとその理由について詳しく説明してください。コードスニペットを投稿するだけでは、初心者には役に立ちません。 – herrbischoff
これはちょうど質問があったことをしません！ – jankal
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/ObHKvS2qSp8?list=PLF8tTShmRC6uppiZ_v-Xj-E1EtR3QCTox&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ObHKvS2qSp8?list=PLF8tTShmRC6uppiZ_v-Xj-E1EtR3QCTox&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe>
これはどのように動作するのかの説明を含めることができます – moondaisy
2017年以降、これは正常に動作しており、受け入れられるはずです。 –
は、例えば、元のURLを取る：
そのように、最後まで?mute=1を追加：あなたはgoogle's documentationで見ることができ、追加のプレーヤーのパラメータがあります
。
もこの解決策を探していたが、私は、IFRAME経由を含めていなかった、鉱山は、画像/ video.mp4にリンクされていた - このhttps://www.w3schools.com/tags/att_video_muted.aspを見つけた - と私は単純に<ビデオコントロールミュート>（CSS/HTML 5溶液を添加しました）、しかし私のためにJSは必要ありません...
私はこのエリアに以下のコードを投稿した友人に感謝します。ついに、私は一日中扱わなければならない問題を解決しました。
<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: 'xCIBR8kpM6Q', // YouTube Video ID
width: 1350, // Player width (in px)
height: 500, // Player height (in px)
playerVars: {
autoplay: 1, // Auto-play the video on load
controls: 0, // Show pause/play buttons in player
showinfo: 0, // Hide the video title
modestbranding: 0, // 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
rel: 0
},
events: {
onReady: function(e) {
e.target.setVolume(5);
}
}
});
}
// Written by @labnol
</script>だけmute=1を渡します。
例えば：
<iframe id="myVideo" src=https://www.youtube.com/embed/k0DN-BZrM4o?rel=0&autoplay=1;mute=1" width="100%" height="600" frameborder="0" allowfullscreen></iframe>
<iframe src="https://www.youtube.com/embed/7cjVj1ZyzyE?autoplay=1&loop=1&playlist=7cjVj1ZyzyE&mute=1" frameborder="0" allowfullscreen></iframe>ミュート= 1
いくつかの説明を追加してください[How to answer]（https://stackoverflow.com/help/how-to-answer） – Hani
はもう動作しません。 youtube api（https://stackoverflow.com/a/41045251/353752） – mwm
downvotedははるかに簡単な解決策があるためです。 Adriana（その解決策を最初に出した人）の答えは以下を参照してください。 –