Hopsech Blog: Youtube Video Playlist

Youtube Video Playlist

22.02.2010

Nhu cầu nhúng Video List thì rất ít, chỉ có các chuyên mục mới cần (ví dụ: các bài tập võ thuật, các bài học khiêu vũ, các giáo trình kỹ thuật). Tuy nhiên, Youtube là một website lớn, đã nói đến nhúng Video của Youtube vào Blog mà thiếu phần PlayList thì cũng là một thiếu sót.
Trên 1 trang PlayList bao giờ cũng có 2 ô text rất dễ nhận biết, đó là Playlist/URL (Permalink) và Embeddable Player. Tuy nhiên, bạn chẳng cần lưu ý làm gì, vì thông tin bạn cần đã có sẵn trên thanh địa chỉ.
Ví dụ, trang PlayList bạn chọn có địa chỉ như sau: http://www.youtube.com/view_play_list?p=DDD9F6BCD9866737
Bạn chỉ cần copy chuỗi ký tự chữ và số lẫn lộn ở vị trí sau cùng hết phía sau dấu =, tức là chuỗi DDD9F6BCD9866737
Sau đó dán chồng lên chuỗi ClipListID trong code nhúng mẫu dưới đây

là bạn đã có code nhúng vào blog. Các tham số điều chỉnh là:

* &autoplay=1 : tự động play
* &autoplay=0 : không tự động play
* &loop=1 : lặp lại
* &loop=0 : không lặp lại
* width="480" height="385" : là chiều rộng & chiều cao có thể thay đổi tùy ý

Trong code mẫu tôi để tất cả bằng 0 để tiện cho người xem list. Code ấy như sau:

Player:

Nguồn:trang-sinh

Danh sách dưới đây đủ để các bạn chọn lựa.

Cái tôi dùng là: http://img30.imageshack.us/img30/9618/controlpanel.swf

http://img177.imageshack.us/img177/5683/dreamlifeseyret.swf
http://img30.imageshack.us/img30/5451/modieus.swf
http://img30.imageshack.us/img30/1592/grungetape.swf
http://img30.imageshack.us/img30/7128/pearlized.swf
http://img30.imageshack.us/img30/7587/magma.swf
http://img30.imageshack.us/img30/9233/3dpixelstyle.swf
http://img30.imageshack.us/img30/2863/fashion.swf
http://img30.imageshack.us/img30/4578/schoon.swf
http://img30.imageshack.us/img30/5816/silverywhite.swf
http://img30.imageshack.us/img30/7650/atomicred.swf
http://img30.imageshack.us/img30/1310/snel.swf
http://img30.imageshack.us/img30/2844/metarby10.swf
http://img30.imageshack.us/img30/3598/bekle.swf
http://img30.imageshack.us/img30/3858/simple.swf
http://img30.imageshack.us/img30/899/comet.swf
http://img30.imageshack.us/img30/921/pixelize.swf
http://img30.imageshack.us/img30/6926/neon.swf
http://img30.imageshack.us/img30/8112/traganja.swf
http://img30.imageshack.us/img30/3033/kleur.swf
http://img30.imageshack.us/img30/2198/playcasso.swf
http://img30.imageshack.us/img30/9945/festival.swf
http://img30.imageshack.us/img30/3951/bluemetal.swf
http://img30.imageshack.us/img30/4499/stylishslim.swf
http://img30.imageshack.us/img30/3372/dangdang.swf
http://img30.imageshack.us/img30/5677/nacht.swf
http://img30.imageshack.us/img30/9618/controlpanel.swf
http://img30.imageshack.us/img30/9489/stijl.swf