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 :)
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
đâ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
nơi tôi có thể tìm thấy youtube css để hiển thị danh sách này? – sQuijeW