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?

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>


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


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>

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>

4

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

mudo = 1


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>

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>


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>

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>

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


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

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.