YouTube: cómo presentar un video incrustado con sonido silenciado

81

Estoy tratando de incrustar un video con el sonido silenciado, pero no puedo entender cómo funciona.

Actualmente estoy usando esto pero no funciona:

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

¿Alguno de ustedes sabe cómo puedo hacer que esto funcione?

html youtube youtube-iframe-api usuario2924482
fuente

Respuestas:

91

Actualizado

Agregue &mute=1al final de su URL.

Tu nuevo código sería:

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

Devon Yarbrough
fuente
6
ya no funciona. use la API de youtube ( stackoverflow.com/a/41045251/353752 )
mwm
@FrankConijn, ¿una solución más sencilla? las respuestas son las mismas, pero esta tiene un ejemplo, no importa quien sea el primero, con el ejemplo las cosas facilitan más.
ICG DEVS
@ICGDEVS: su comentario no tiene ningún sentido. Mire las fechas de las ediciones y mi comentario, debajo de otra respuesta y sin decir nada sobre 'más fácil'.
Frank Conijn
Mi mal, lo siento. De todos modos, su comentario antes del mío se ha ido, por lo que ya no tiene sentido.
ICG DEVS
102

Para mi funciona usando &autoplay=1&mute=1

Adriana
fuente
Debería haber sido así de fácil desde el principio. Sí, eso también funciona para mí.
Gerard Reches
De hecho, es tan simple como eso: solo agregue &amp;mute=1.
Frank Conijn
29

La respuesta aceptada no me funcionó, seguí este tutorial con éxito.

Básicamente:

<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>
Pablo
fuente
3
También puede agregar mute: 1como adicional playerVary luego el onReadyevento no es necesario. Asegúrese de agregar una coma después autohide: 0y tenga en cuenta que no puede usar mute: 0porque eso se consideraría 'spam'. También tenga en cuenta que una vez que haya silenciado explícitamente un video cuando actualice la página, seguirá silenciado.
Simon_Weaver
11

Esto es facil. Simplemente agregue mute = 1 al parámetro src de iframe.

Ejemplo:

<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>
Juan Manuel De Castro
fuente
4 

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

mudo = 1

mtngunay
fuente
2
Por favor agregue alguna explicación Cómo responder
Hani
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
fuente
A partir de 2017, esto está funcionando correctamente y debería ser aceptado.
Manuel Di Iorio
2

Me gustaría agradecer al amigo que publicó los códigos a continuación en esta área. Finalmente resolví un problema con el que tuve que lidiar todo el día.

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

Ismet Doganci Diseño web19
fuente
1

Fuente: 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 ilimitada
fuente
0

Solo pasa mute=1 .

Por ejemplo:

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

también estaba buscando una solución para esto, pero no lo incluí a través de iframe, el mío estaba vinculado a images / video.mp4 - encontré esto https://www.w3schools.com/tags/att_video_muted.asp - y simplemente agregué < controles de video silenciados> (solución CSS / HTML 5), pero no se requiere JS para mí ...

Owen Daniel
fuente
-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>
hassanman
fuente
2
Explique cómo funciona esto y por qué. Publicar un fragmento de código no es útil para los recién llegados.
herrbischoff
¡Esto simplemente no hace lo que era la pregunta!
jankal
-5

Prueba esto

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

no olvides escribir volume = "0"

Ravat Parmar
fuente