2013-02-24 33 views
9

Tôi đã phát với chức năng danh sách phát được nhúng trên youtube bằng javascript.Nhúng danh sách phát youtube bằng khay danh sách bên

Cho đến nay khi tôi nhúng một playlist nó trông như thế này:

http://postimage.org/image/vk6fv56yx/

Vòng tròn màu xanh cho thấy số lượng các mục trong danh sách nhạc và khi nhấp các hình nhỏ hiển thị.

khi video bắt đầu chơi là cần thiết để nhấp vào nút playlist cho danh sách hiển thị, như thế này:

http://postimage.org/image/ezzxpy7pn/

Nhưng tôi muốn các cầu thủ thể hiện như nó hiển thị trên trang youtube, như này:

http://postimage.org/image/4suta8kuh/

bây giờ điều này là mã Im sử dụng:

<script> 
    // Load 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); 

    // Replace the 'ytplayer' element with an <iframe> and 
    // YouTube player after the API code downloads. 
    var player; 
    function onYouTubePlayerAPIReady() { 
    player = new YT.Player('ytplayer', { 
     height: '390', 
     width: '640', 
     videoId: 'n2ISkJZC6DI', 
     playerVars: { 
        listType:'playlist', 
        list: 'PL546E6163151751EE' 
       }, 
     events: { 
      'onReady': onPlayerReady, 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
    } 

    function onPlayerReady(){ 
    alert('player ready'); 
    } 

    function onPlayerStateChange(){ 
    alert('player changed'); 
    } 

</script> 

Nó hoạt động tuyệt vời! nhưng tôi muốn biết liệu có cách nào thay đổi chế độ xem của khay danh sách phát hay không.

Cảm ơn rất nhiều người trợ giúp của bạn :)

+0

Tôi nghĩ rằng đây sẽ giúp bạn: http://tcuttrissweb.wordpress.com/2012/02/17/2012-embed-your-youtube-channel- vào trang web của bạn/Bạn có thể xem mã gốc của Simone Gianni hoặc các sửa đổi của Cuttriss, có sẵn trên jsfiddle.net như được tham chiếu trong URL ở trên. – user2041185

+0

đây là một thời gian dài trước đây, những gì tôi đã làm là ăn cắp css youtube cho bên thử, và sử dụng API để lấy danh sách phát ... hòa bình của bánh: 3 – RicardoE

+0

nơi tôi có thể tìm thấy youtube css để hiển thị danh sách này? – sQuijeW

Trả lời

0

Bạn có thể sử dụng phiên bản flash của trình phát nhúng youtube để đạt được giao diện đó. Tuy nhiên, khay bây giờ được đặt ở phía bên trái.

Youtube playlist flash player

<iframe width='500' height='294' src="https://www.youtube.com/v/videoseries?list=PL546E6163151751EE"></iframe>

+0

Một số phiên bản mới nhất của trình điều hướng không hỗ trợ flash. – zatamine

+1

@AmineHADDAD nó không phải là nó không được hỗ trợ, nó bị vô hiệu hóa theo mặc định và chỉ đơn giản là sẽ yêu cầu sự cho phép để chạy flash khi cần thiết. Hơn nữa tôi sẽ đề nghị không sử dụng câu trả lời này cho lý do đã đề cập ở trên. Nếu không có cách nào khác không có cách nào khác, nhưng miễn là có, sử dụng nó trên flash IMO. (Không có hành vi phạm tội với áp phích của câu trả lời này, nó chỉ là con đường phía trước :)) – SidOfc

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