2014-09-11 18 views
29

Tôi đã cố gắng sử dụng YouTube player demo để tạo mã cần thiết để video của tôi tự động phát và tự lặp lại. Nhưng chỉ các tác phẩm tự động phát, nó không lặp lại và video giới thiệu cũng không hoạt động. Đây là mã tôi đã sử dụng.Khung nội tuyến Youtube "vòng lặp" không hoạt động

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

Trả lời

74

Thử thêm tham số playlist cùng với vòng lặp. Đối với danh sách phát, đặt giá trị của nó làm id video hiện tại.

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

Hiện tại, thông số vòng lặp chỉ hoạt động trong trình phát AS3 khi được sử dụng cùng với thông số danh sách phát. Để lặp một video duy nhất, thiết lập giá trị tham số vòng lặp để 1 và thiết lập giá trị tham số danh sách phát vào ID video cùng đã được xác định trong URL API trình phát:

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

tham khảo: https://developers.google.com/youtube/player_parameters#loop

+1

Cảm ơn hàng triệu lần. Điều đó hiệu quả. Với báo trước rằng bây giờ bạn đang sử dụng '&' thay vì '&' – tonkihonks13

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

bên trong playerVars.

Ví dụ mã đầy đủ:

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

mã HTML của bạn:

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

Nếu bạn muốn giữ video trong một sử dụng biến này:

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

Tuyệt đối những gì tôi đang tìm kiếm! Nó hoạt động tốt, cảm ơn! –

0

tôi chỉ tìm ra: bạn nee d có playlist = "" để sử dụng vòng lặp

src = "https://www.youtube.com/embed/peSfCy7HFrM?playlist=peSfCy7HFrM & loop = 1; rel = 0 & autoplay = 1 & điều khiển = 0 & showinfo = 0 "frameborder =" 0 "allowfullscreen>

Các vấn đề liên quan