Sau đây tôi sẽ trình bày một cách, mà bạn chỉ thêm Blogger HTML code rất it, rồi chỉ cần lắp 3 cái HTML/Javascript widgets là xong.
1. Cho đoạn code này ngay trước tag </head> và save template.
<script src='http://www.google.com/jsapi' type="text/javascript" />
<script type='text/javascript' >
google.load("swfobject", "2.1");
</script>
Nếu tỉm không ra tag </head> thì bạn cũng có thể lắp nó ngay ở đầu trang, ngay trước tag <head> như hình sau:
2. Sau đó, vào trang Layout->Page Elements. Ấn vào link Add a Gadget ở cột phụ:
Ấn vào trang HTML/Javascript
rồi cho vào đoạn mã sau:
<div id='content-links'>
<div id='videoDiv'>Loading... </div>
</div>
rồi ấn nút Save.
3. Ấn vào Add a Gadget và chọn tiếp trang HTML/Javascript
Chèn vào đoạn mã sau:
<script type="text/javascript">
var ytPlayer;
function onYouTubePlayerReady(playerId)
{
ytPlayer = document.getElementById("ytPlayer");
ytPlayer.addEventListener("onError", "onPlayerError");
}
function loadVideo(id, num) {
if(ytPlayer) {
if (!num) num=0;
ytPlayer.loadVideoById(id, num);
}
else
{
loadVideoWindow(id);
}
}
function loadVideoWindow(id) {
var ytlink;
var newwindow;
ytlink = "http://www.youtube.com/watch?v=" + id;
newwindow=window.open(ytlink,'name','height=600,width=700');
if (window.focus) {newwindow.focus()}
}
function onPlayerError(errorCode) {
alert("An error occured of type:" + errorCode);
}
function loadPlayer() {
var videoID = "jfivtWEAyrk";
var params = { allowScriptAccess: "always" };
var atts = { id: "ytPlayer" };
swfobject.embedSWF("http://www.youtube.com/v/"
+ videoID +
"&enablejsapi=1&playerapiid=player1",
"videoDiv", "320", "270", "8", null, null, params,
atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
</script>4. Ấn vào Add a Gadget và chọn tiếp trang HTML/Javascript
Chèn vào đoạn mã sau, mỗi đoạn tag list (li) là một bài nhạc, với ID lấy từ link của address của video, như tôi tô đậm ở hình sau
<ul>
<li><a href="javascript:void(0);" onclick="loadVideo('4pOElMjQ-DI');">Tà Áo Xanh (Đoàn Chuẩn - Từ Linh) - Lệ Thu trình bày</a></li>
<li><a href="javascript:void(0);" onclick="loadVideo('hwgtZ48joP4');">Mùa Thu Cho Em (Ngô Thụy Miên) - Thanh Hà trình bày</a></li>
</ul>
Ngoài ra, bạn còn có thể bắt đầu bài nhạc từ số giây, thí dụ như:
loadVideo('OdQDXs75Ulo',20);
và nếu bài nhạc không cho embed, tôi cũng có thể mở một window để xem. Bạn phải dùng một function mới là loadVideoWindow, (thay vì chỉ là loadVideo)
loadVideoWindow('Uqxo1SKB0z8');
Bây giờ bạn sẽ thấy layout có 3 cái HTML/Javascript widgets:
Nếu mọi sự tốt đẹp, bạn sẽ thấy bài nhạc được load, rồi khi bạn ấn vào một link thì YouTube sẽ thay bài đang hát bằng 1 bài mới.
Chúc bạn thành công.
0 nhận xét