[TUT] Phát nhạc & tạo playlist mp3, youtube với Yahoo Web Player cho Xenforo

Bạn có thể tạo playlist nhạc mp3 từ link direct, video từ Youtube, Yahoo Movie... nằm bên trái trang Web thật chuyên nghiệp cho diễn đàn Xenforo của bạn theo hướng dẫn sau.

Đăng nhập Admin CP => Appearance => Templates => PAGE_CONTAINER => Chèn trước thẻ đóng </body>

HTML:

<script type="text/javascript" src="http://cdn.nguoibaclieu.com/diendan/js/nbl-player.js"></script>

Bạn có thể chèn phim, nhạc trực tiếp vào bài viết bằng cách sử dụng BBCode . Bạn chỉ cần click vào URL để xem video hoặc phát nhạc. Lưu ý: Tắt chức năng tự động nhận Media BBCode Youtube & Mp3 (Nếu có)

Demo Video Youtube: She's Gone - Steelhearth

Demo Mp3 Playlist: http://nguoibaclieu.com/diendan/threads/.2194

Chúc bạn thành công!!!

Có một số bạn thắc mắc cách tự động phát nhạc khi tải trang & hiển thị ngoài trang index Xenforo.
Ở trong bài TUT mình đã hướng dẫn chèn nhạc với URL BB code. Nếu muốn chèn nhạc ngoài index thì bạn chỉ cần chuyển BB Code sang HTML là được.

Ví dụ:

HTML:

<a href="http://nguoibaclieu.com/baihat.mp3">Nghe nhạc</a>

Nếu muốn bài nhạc tự động phát khi load trang thì bạn chỉ việc thêm đoạn script này cùng với đoạn HTML trên:

Mã:

<script type="text/javascript">
var YWPParams =
{
autoplay: true
};
</script>

Tổng hợp lại: Nếu muốn chèn nhạc mp3 autoplay vào trang index thì bạn chỉ việc chèn code sau vào vị trí bạn muốn hiển thị, forum_list chẳng hạn :

Mã:

 <script type="text/javascript">
var YWPParams =
{
autoplay: true
};
</script>
 
<a href="http://nguoibaclieu.com/baihat.mp3">Nghe nhạc</a>

Chúc bạn thành công!

Máy chủ Yahoo Web Player không còn hoạt động nữa.
Mình có sao lưu file Javascripts của ứng dụng nên chia sẻ cho các bạn cùng khắc phục theo hướng dẫn sau:
Thay thế URL trong đoạn mã:

HTML:

<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>

Bằng:

HTML:

<script type="text/javascript" src="http://cdn.nguoibaclieu.com/diendan/js/nbl-player.js"></script>

Xem demo: http://nguoibaclieu.com/diendan/thr...-ai-hoa-xuan-khoa-tuoi-tre-media-online.2194/
Chúc các bạn thành công!