YouTube: как представить встроенное видео с отключенным звуком

81

Я пытаюсь вставить видео с отключенным звуком, но не могу понять, как оно работает.

В настоящее время я использую это, но не работает:

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

Кто-нибудь из вас знает, как я могу заставить это работать?

user2924482
источник

Ответы:

92

Обновлено

Добавьте &mute=1в конец вашего URL.

Ваш новый код будет:

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

Девон Ярбро
источник
6
больше не работает. используйте youtube api ( stackoverflow.com/a/41045251/353752 )
mwm 05
@FrankConijn, более простое решение? ответы те же, но у этого есть пример, неважно, кто первый, с примером все становится проще.
ICG DEVS
@ICGDEVS - Ваш комментарий не имеет смысла. Посмотрите даты правок и мой комментарий - под другим ответом, ничего не говоря о «проще».
Фрэнк Конейн,
Мне плохо, извини. в любом случае ваш комментарий перед моим исчез, так что его больше не имеет смысла.
ICG DEVS
102

Для меня работает с использованием &autoplay=1&mute=1

Адриана
источник
Это должно было быть так просто с самого начала. Да, это тоже работает для меня.
Gerard
Это действительно так просто: просто добавьте &amp;mute=1.
Фрэнк Конейн
29

Принятый ответ не сработал для меня, вместо этого я успешно выполнил это руководство .

В принципе:

<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>
Павел
источник
3
Вы также можете добавить mute: 1как дополнительное, playerVarи тогда onReadyсобытие не понадобится. Обязательно добавьте запятую после autohide: 0и обратите внимание, что вы не можете использовать, mute: 0потому что это будет считаться «спамом». Также обратите внимание, что после того, как вы явно отключили звук для видео, при обновлении страницы оно все равно будет отключено.
Simon_Weaver
11

Это легко. Просто добавьте 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>
Хуан Мануэль де Кастро
источник
4

<iframe  src="https://www.youtube.com/embed/7cjVj1ZyzyE?autoplay=1&loop=1&playlist=7cjVj1ZyzyE&mute=1" frameborder="0"  allowfullscreen></iframe>

отключить звук = 1

mtngunay
источник
2
Пожалуйста, добавьте пояснение Как ответить
Хани
2
<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>
hassanmen
источник
По состоянию на 2017 год это работает правильно и должно быть принято.
Мануэль Ди
2

Я хотел бы поблагодарить друга, который разместил коды ниже в этой области. Я наконец решил проблему, с которой мне приходилось сталкиваться весь день.

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

Исмет Доганчи Веб-дизайн19
источник
1

Источник: 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>
Безграничный isa
источник
0

Просто пройди mute=1.

Например:

<iframe id="myVideo" src="https://www.youtube.com/embed/k0DN-BZrM4o?rel=0&amp;autoplay=1;mute=1" width="100%" height="600" frameborder="0" allowfullscreen></iframe>
Dev
источник
-1

тоже искал решение этой проблемы, но я не включал через iframe, мой был связан с images / video.mp4 - нашел этот https://www.w3schools.com/tags/att_video_muted.asp - и я просто добавил < управление видео отключено> (решение CSS / HTML 5), но мне не требуется JS ...

Оуэн Дэниел
источник
-3
<iframe width="560" height="315" src="https://www.youtube.com/embed/ULzr7JsFp0k?list=PLF8tTShmRC6vp9YTjkVdm1qKuTimC6K3e&rel=0&amp;autoplay=1&controls=1&loop=1" rel=0&amp frameborder="0" allowfullscreen></iframe>
хассанман
источник
2
Расскажите подробнее, как это работает и почему. Простое размещение фрагмента кода не поможет новичкам.
herrbischoff
Это просто не соответствует тому, о чем был вопрос!
jankal 05
-5

Попробуй это

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

Рават Пармар
источник