Я пытаюсь вставить видео с отключенным звуком, но не могу понять, как оно работает.
В настоящее время я использую это, но не работает:
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&autoplay=1" width="560" height="315" frameborder="0" allowfullscreen></iframe>
Кто-нибудь из вас знает, как я могу заставить это работать?
html
youtube
youtube-iframe-api
user2924482
источник
источник
Для меня работает с использованием
&autoplay=1&mute=1
источник
&mute=1
.Принятый ответ не сработал для меня, вместо этого я успешно выполнил это руководство .
В принципе:
<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>
источник
mute: 1
как дополнительное,playerVar
и тогдаonReady
событие не понадобится. Обязательно добавьте запятую послеautohide: 0
и обратите внимание, что вы не можете использовать,mute: 0
потому что это будет считаться «спамом». Также обратите внимание, что после того, как вы явно отключили звук для видео, при обновлении страницы оно все равно будет отключено.Это легко. Просто добавьте mute = 1 в параметр src iframe.
Пример:
<iframe src="https://www.youtube.com/embed/uNRGWVJ10gQ?controls=0&mute=1&showinfo=0&rel=0&autoplay=1&loop=1&playlist=uNRGWVJ10gQ" 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
источник
<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>
источник
Я хотел бы поблагодарить друга, который разместил коды ниже в этой области. Я наконец решил проблему, с которой мне приходилось сталкиваться весь день.
<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>
источник
Источник: 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>
источник
Просто пройди
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, мой был связан с images / video.mp4 - нашел этот https://www.w3schools.com/tags/att_video_muted.asp - и я просто добавил < управление видео отключено> (решение CSS / HTML 5), но мне не требуется JS ...
источник
<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>
источник
Попробуй это
<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"
источник