2014-09-11 4 views
29

Я попытался использовать YouTube player demo для генерации кода, необходимого для моего видео, для автовоспроизведения и цикла. Но работает только автозапуск, он не зацикливается, и демо-видео тоже не работает. Вот код, который я использовал.Youtube iframe «loop» не работает

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

ответ

74

Попытка добавления параметра playlist вместе с петлей. Для плейлиста установите его значение как текущий идентификатор видео.

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

В настоящее время параметр цикла работает только в проигрывателе AS3 при использовании в сочетании с параметром списка воспроизведения. Для того, чтобы петли одно видео, установите значение параметра цикла на 1 и установить значение параметра списка воспроизведения для того же идентификатора видео уже указанного в URL игрока API:

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

Ссылка: https://developers.google.com/youtube/player_parameters#loop

+1

Спасибо миллион раз. Это сработало. С оговоркой, что теперь вы должны использовать '&' вместо '&' – tonkihonks13

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

внутри playerVars.

Например, полный код:

<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'); 
     } 

Ваш код HTML:

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

Если вы хотите сохранить видео в переменной используйте:

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

Абсолютно то, что я искал! Это хорошо работает, спасибо! –

0

Я просто выясняю: ты урождён d, чтобы иметь список воспроизведения = "" использовать петлю

SRC = "& https://www.youtube.com/embed/peSfCy7HFrM?playlist=peSfCy7HFrM петля = 1; отн = 0 & автовоспроизведение = 1 & управляет = 0 & showinfo = 0 "frameborder =" 0 "allowfullscreen>

Смежные вопросы