2014-09-11 21 views
29

Ho provato a utilizzare lo YouTube player demo per generare il codice necessario per il mio video per la riproduzione automatica e il loop stesso. Ma solo la riproduzione automatica funziona, non si ripete e anche il video dimostrativo non funziona. Ecco il codice che ho usato.Youtube "iframe" "loop" non funziona

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

risposta

74

Prova ad aggiungere il parametro playlist insieme con il ciclo. Per la playlist, impostane il valore come ID video corrente.

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

Attualmente, il parametro di ciclo funziona solo nel lettore AS3 quando utilizzato insieme al parametro di playlist. Per eseguire un ciclo di un singolo video, impostare il valore del parametro ciclo per 1 e impostare il valore del parametro playlist allo stesso ID di video già specificato nella URL API giocatore:

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

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

+1

Grazie mille volte. Ha funzionato. Con l'avvertenza che ora dovresti usare '&' invece di '&' – tonkihonks13

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

all'interno playerVars.

Ad esempio, un codice 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'); 
     } 

codice HTML:

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

Se si desidera mantenere il video in un uso variabile di questo:

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

Assolutamente quello che stavo cercando! Funziona bene, grazie! –

0

ho appena capito: tu nee d avere riproduzione = "" utilizzare ciclo

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

Problemi correlati