Hướng dẫn tạo nút HD (Button HD) cho JW Player

Hello! Tất cả các độc giả của windws2it, phải nói đã lâu lắm rồi mình không xuất bản một bài viết nào cho đứa con tinh thần này, buồn nhỉ! Tới bài viết này và các bài viết tiếp theo, mình sẽ hướng dẫn các bạn sử dụng Jwplayer.

Jwplayer là gì? Chắc các bạn đã quen thuộc quá rồi, ở đây mình sẽ bỏ qua khâu giới thiệu về nó, còn nếu bạn nào chưa biết thì lên anh Google nhé!

Hôm nay mình hướng dẫn các bạn các tạo nút HD (button HD). Sở dĩ mình viết bài này đầu tiên, vì vài hôm trước mình có truy cập vào một số site phim (đương nhiên là họ sử dụng Jwplayer) nhưng cách họ để server phim thật buồn cười (như hình bên dưới):

Chưa tạo nút HD (Button HD) cho JW Player

mà chỉ cần như thế này là đủ (như hình bên dưới):

Jwplayer hoàn toàn hỗ trợ tạo nút HD (button HD) trực tiếp lên thanh điều khiển do vậy các bạn không cần thiết tạo Sever SD hay HD gì hết (làm xấu cả site) thay vào đó các bạn nên tạo Sever dự phòng cho phim.

☼ Cách tạo nút HD (button HD) trên Jwplayer.

<div id="player">
</div>
<script type="text/javascript">
var playerInstance = jwplayer('player');
    playerInstance.setup({
        sources: [
{file:"Link video", type:"mp4", label: '1080HD'},
{file:"Link video", type:"mp4", label: '720HD'},
{file:"Link video", type:"mp4", label: '420SD'},
{file:"Link video", type:"mp4", label: '360SD'},
{file:"Link video", type:"mp4", label: '240SD'},
{file:"Link video", type:"mp4", label: '144SD'},
{file:"Link video", type:"mp4", label: 'Auto'}
        ],                              
        autostart: 'true'// Chuyển thành false nếu bạn không muốn video tự động phát
    });
);
</script>

Các bạn chỉ cần thay link video vô cho từng chế độ tương ứng là được. Quá đơn giản đúng không nào các Bạn! Dưới đây là DEMO cho Bạn nào khó tính:

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều JJJ

Quá trình cài đặt gặp vấn đề gì cứ để lại Comment !