2014-09-11 3 views
29

YouTube player demo을 사용하여 내 비디오가 자동 재생되고 루프되는 데 필요한 코드를 생성하려고했습니다. 자동 재생 만 작동하고 반복되지 않으며 데모 비디오도 작동하지 않습니다. 다음은 내가 사용한 코드입니다. 루프와 함께 playlist 매개 변수를 추가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

보십시오. 재생 목록의 경우 값을 현재 동영상 ID로 설정합니다.

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

현재 loop 매개 변수는 playlist 매개 변수와 함께 사용하는 경우 AS3 플레이어에서만 작동합니다. 루프 하나의 비디오에, 1 루프 매개 변수 값을 설정하고 이미 플레이어 API의 URL에 지정된 동일한 비디오 ID로 재생 목록 매개 변수 값 설정 :

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; REL = 0 = 1 자동 실행 & & 컨트롤 = 0 & showinfo = 0 "frameborder ="0 "allowfullscreen>

관련 문제