¿Cómo puedo reproducir automáticamente un video usando el nuevo estilo de código de inserción para Youtube?


166

No puedo entender cómo reproducir automáticamente un video usando el nuevo estilo de código de inserción para Youtube . Intenté agregar & autoplay = 1 a la url, que funcionaba con el estilo anterior, pero no funcionó. Por ejemplo, http://www.youtube.com/embed/JW5meKfy3fY es el enlace para insertar, pero http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1 no funciona. ¿Alguien puede decirme cómo hacerlo? Gracias


2
Esto está desactualizado. 'mute = 1' se requiere ahora. Ver: Contestando el artículo de StackOverflow
Trevor

Sí, necesitaba agregar? Autoplay = 1 & mute = 1 para que la reproducción automática funcione en Chrome. Gracias
John Blair el

Entonces, para ser claros, ¿Chrome solo permitirá la reproducción automática si el video está silenciado? ¿No hay forma de forzar la reproducción automática con el sonido activado?
webrightnow

Respuestas:


362

Simplemente coloque "? Autoplay = 1" en la url para que el video se cargue automáticamente.

Entonces tu url sería: http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1

En caso de que quiere desactivar la reproducción automática, basta con 1que 0lo ?autoplay=0


77
Esto no parece funcionar en este momento. Funcionó perfectamente hace 1 semana.
Peeja

23
El primer parámetro después de la identificación del video debe comenzar con "?" , todos los parámetros DESPUÉS de que deben agregarse con "&". Si tuviera, por ejemplo, "? Rel = 0 & autoplay = 1", sería lo mismo que "? Autoplay = 1 & rel = 0" y ambos funcionarían.
Thanos

8
Esta respuesta aún funciona en 2016. Solo agrego la información, ya que es el primer resultado que aparece en Google.
Florian Rachor

2
Alguna explicación adicional ya que esto es tan alto en los buenos resultados. La parte de la URL que sigue a '?' es la cadena de consulta y lo que necesita es la tecla 'reproducción automática' con el valor '1'. Entonces, por ejemplo, '... / embed / JW5meKfy3fY? Autoplay = 1? Rel = 1' también sería incorrecto porque entonces tendría 'autoplay' con el valor '1? Rel = 1'. La cadena de consulta comienza con '?' y está separado en pares clave = valor por el símbolo '&'. en.wikipedia.org/wiki/Query_string#Structure
knickum

3
Actualización para 2017: ahora en iframe necesita agregar una configuración más conf: allow = "autoplay" según developers.google.com/web/updates/2017/09/… para que su iframe se vea como: <iframe src="http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1" allow="autoplay"></iframe>
vityapro

31

En realidad, tendrás que usar el "?" en lugar de "&" solo para su primer parámetro. Si usa más de un parámetro, deberá agregar "&" a la cadena.

Por ejemplo, si desea agregar la reproducción automática y los subtítulos, deberá agregar esta parte a la URL de su video incrustado :? Autoplay = 1 & cc_load_policy = 1 .

Se vería así:

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

a que te refieres closed captioning?
WasiF

11

Debe agregar un parámetro adicional, junto con la reproducción automática = 1

permitir = "reproducción automática"

haciendolo:

<iframe src="your-video-url?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>

Esta es una solución recomendada para 2020
Rahul

6

Bien, este es un ejemplo para el nuevo código de inserción para videos de youtube.

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM" frameborder="0" allowFullScreen></iframe>

si quieres reproducirlo automáticamente, src="http://www.youtube.com/embed/8v_4O44sfjM"agrega el ?autoplay=1parámetro

Entonces el código se verá así:

<iframe title="YouTube video player" class="youtube-player" type="text/html" width="560" height="345" src="http://www.youtube.com/embed/8v_4O44sfjM?autoplay=1" frameborder="0" allowFullScreen></iframe>

¡Intenté esto en mi blog y funciona! Espero que esto ayude (:


5

La única forma en que pude hacer funcionar la reproducción automática fue usando la API del reproductor de iframe.

<div id="ytplayer"></div>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
        height: '480',
        width: '853',
        videoId: 'JW5meKfy3fY',
        playerVars: {
            'autoplay': 1,
            'showinfo': 0,
            'controls': 0
        }
    });
}
</script>

5

Nada de lo anterior funcionó para mí en la inserción actual de YouTube. Prueba esto, en realidad funcionó para mí :)

¡Espero eso ayude!

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

4

La Ayuda de YouTube dice que &autoplay=1debe ser después de la identificación del video ; supongo que inmediatamente después.


@ Aton: Gracias por tu respuesta. Aún así no funciona. He actualizado la pregunta con enlaces.
ben

4

Está utilizando una URL incorrecta para la reproducción automática de YouTube. http://www.youtube.com/embed/JW5meKfy3fY&autoplay=1Esta URL muestra la ID de YouTube como un todo JW5meKfy3fY&autoplay=1que YouTube rechaza reproducir. tenemos que pasar la variable de reproducción automática a YouTube, por lo tanto, debe usarla en ?lugar de &su URL http://www.youtube.com/embed/JW5meKfy3fY?autoplay=1y su iframe final será así.

<iframe src="http://www.youtube.com/embed/xzvScRnF6MU?autoplay=1" width="960" height="447" frameborder="0" allowfullscreen></iframe>

1
Olvidó cambiar el &a ?de la manera correcta para hacerlo. (antes del iframe)

3

Simplemente agregue ? Autoplay = 1 después de url en el código de inserción, por ejemplo:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0" frameborder="0"></iframe>

Cámbielo a:

<iframe width="420" height="315" src="http://www.youtube.com/embed/
oHg5SJYRHA0?autoplay=1" frameborder="0"></iframe>

2

Ninguno de los suyos está resuelto mi problema. Pero, encontré una buena solución para que funcione correctamente en este momento. Entre etiquetas escriba este código:

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
  <iframe frameborder="0" height="100%" width="100%" 
    src="https://youtube.com/embed/**[CHANGE HERE WITH YOUR YOUTUBE VIDEO ID]**?autoplay=1&controls=0&showinfo=0&autohide=1">
  </iframe>
</div>

0

La reproducción automática de YouTube solo funciona en computadoras de escritorio que necesitan trabajar en dispositivos móviles, solo realice cambios en JavaScript. Me gusta

<div id="player"></div>
                    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', {
      videoId: 'VideoID',
      playerVars: {   
            'autoplay': 1,   
            'rel': 0,
            'showinfo': 0,
            'modestbranding': 1,
            'playsinline': 1,
            'showinfo': 0,
            'rel': 0,
            'controls': 0,
            'color':'white',
            'loop': 1,
            'mute':1,
            // 'origin': 'https://meeranblog24x7.blogspot.com/'
      },
      events: {
        'onReady': onPlayerReady,
        // 'onStateChange': onPlayerStateChange
      }
    });
  }
  function onPlayerReady(event) {
    player.playVideo();
    player.mute();
  }var done = false;
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING && !done) {
      setTimeout(stopVideo, 6000);
      done = true;
    }
  }
  function stopVideo() {
    player.stopVideo();
  }

 

Ver más: - Reproducción automática de YouTube durante 5 segundos

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.