¿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

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

matthewbauer
fuente
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>
Sacha
fuente
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>
Andrew West
fuente
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 (:

Amel
fuente
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>
Jules
fuente
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>
Kate en la Academia Gavin
fuente
4

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

Anton Gogolev
fuente
@ 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>
Waheed ur Rehman
fuente
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>
Ajie Kurniyawan
fuente
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>
Bahía
fuente
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

Nahoor
fuente