Youtube iframe “bucle” no funciona

5 minutos de lectura

Youtube iframe "bucle" no funciona
sello azul

Traté de usar el Demostración del reproductor de YouTube para generar el código necesario para que mi video se reproduzca automáticamente y se reproduzca en bucle. Pero solo funciona la reproducción automática, no se reproduce en bucle, y el video de demostración tampoco funciona. Aquí está el código que he usado.

<iframe class="embed-responsive-item" id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3" frameborder="0" allowfullscreen>
</iframe>

Youtube iframe "bucle" no funciona
KK

Intenta agregar el playlist parámetro junto con el bucle. Para la lista de reproducción, establezca su valor como la identificación del video actual.

<iframe class="embed-responsive-item"id="ytplayer" type="text/html" width="640" height="360" src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=M7lc1UVf-VE"
      frameborder="0" allowfullscreen></iframe>

Actualmente, el parámetro de bucle solo funciona en el reproductor AS3 cuando se usa junto con el parámetro de lista de reproducción. Para reproducir en bucle un solo vídeo, establezca el valor del parámetro de bucle en 1 y establezca el valor del parámetro de la lista de reproducción en el mismo ID de vídeo ya especificado en la URL de Player API:

http://www.youtube.com/v/VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID

Referencia:https://developers.google.com/youtube/player_parameters#loop

  • Gracias un millón de veces. Eso funciono. Con la advertencia de que ahora se supone que debes usar &amp; en vez de &

    – Jonca33

    02 mar. 18 1:21

  • Muchas gracias, funciona perfecto con un solo video en modo loop

    – Beowulfdgo

    23 ago. 21 en 17:10

usando en reaccionar nativo así, asegúrese de usar mismo valor de ID de video para la lista de reproducción también.

por ejemplo si el id del video es bob esponja
entonces la URL será así:

https://www.youtube.com/embed/bob esponja?lista de reproducción=bob esponja&bucle=1

a continuación se muestra la implementación en reaccionar vista web nativa

<WebView
  javaScriptEnabled={true}
  domStorageEnabled={true}
  mediaPlaybackRequiresUserAction={true}
  style={{ height:180, width:300,alignSelf:"center",alignContent:"center"}}
  source={{uri: 'https://www.youtube.com/embed/qD101Xlc5uw?playlist=qD101Xlc5uw&loop=1' }}
 />

  • Esto también funcionó simplemente usando un iframe. Nota: El parámetro mute=1 era obligatorio para que funcionara la reproducción automática.

    – john blair

    23 sep.


Youtube iframe "bucle" no funciona
Lana Đỗ

Me acabo de dar cuenta de que necesitas tener playlist="" para usar bucle.

<iframe src="https://www.youtube.com/embed/peSfCy7HFrM?playlist=peSfCy7HFrM&loop=1;rel=0&autoplay=1&controls=0&showinfo=0" frameborder="0" allowfullscreen>

'playlist': '<?php echo $youtube_video ?>'

dentro de playerVars.

Por ejemplo un código completo:

<script>
// 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');

      tag.src = "https://www.youtube.com/iframe_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height:'100%',
          width: '100%',
          fitToBackground: true,  
          videoId: '<?php echo $youtube_video ?>',
          playerVars: { 
              'autoplay': 1, 
              'controls': 0,
              'autohide':1,
              'enablejsapi':1,
              'loop':1, 
              'disablekb':1, 
              'fs': 0, 
              'modestbranding': 0, 
              'showinfo': 0, 
              'color': 'white', 
              'theme': 'light', 
              'rel':0  ,
              'playlist': '<?php echo $youtube_video ?>'
          },
          events: {
            'onReady': onPlayerReady
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
        event.target.playVideo();
        player.mute();
        player.setVolume(0);
        //player.setSize(1920, 1080);
        player.setLoop(true);
        player.setPlaybackQuality('hd1080');
      }

Su código HTML:

<div id="player"></div>

Si desea mantener el video en una variable, use esto:

<?php $youtube_video='C0DPdy98e4c';?>

La respuesta aceptada tampoco funcionó para mí. Solución de trabajo para septiembre de 2018 (bonificación: establecer ancho y alto por CSS para #yt-wrap en lugar de codificarlo en JS):

<div id="yt-wrap">
    <!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
    <div id="ytplayer"></div>
</div>

<script>
  // 2. This code loads 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);

  // 3. This function creates an <iframe> (and YouTube player)
  //    after the API code downloads.
  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
      width: '100%',
      height: '100%',
      videoId: 'VIDEO_ID',
      events: {
        'onReady': onPlayerReady,
        'onStateChange': onPlayerStateChange
      }
    });
  }

  // 4. The API will call this function when the video player is ready.
  function onPlayerReady(event) {
    event.target.playVideo();
    player.mute(); // comment out if you don't want the auto played video muted
  }

  // 5. The API calls this function when the player's state changes.
  //    The function indicates that when playing a video (state=1),
  //    the player should play for six seconds and then stop.
  function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.ENDED) {
      player.seekTo(0);
      player.playVideo();
    }
  }
  function stopVideo() {
    player.stopVideo();
  }
</script>

Necesitas agregar
https://www.youtube.com/embed/VIDEO_ID?playlist=VIDEO_ID&loop=1

tenga en cuenta que la lista de reproducción = VIDEO_ID es obligatoria y se establece en la identificación del video para un solo video

así que en mi caso la url era

https://www.youtube.com/embed/C5tG7pztlb0?playlist=C5tG7pztlb0&loop=1&autoplay=1&controls=1&showinfo=0&mute=1

el silencio está activado mostrar información está desactivado mostrar los controles está desactivado la reproducción automática está activada el bucle está activado

Youtube iframe "bucle" no funciona
jason aller

Aquí hay otro ejemplo práctico de una lista de reproducción incrustada y en bucle:

<iframe width="1019" height="573" src="https://www.youtube.com/embed/videoseries?list=PLDz-3V1_TIyhVYiJeGdqc9bjpAf9L9Zfq&amp;loop=1" frameborder="0" allow="accelerometer; autoplay " ;"="" =""="" encrypted-media;="" gyroscope;="" picture-in-picture"="" allowfullscreen=""></iframe>

.

¿Ha sido útil esta solución?