Share Hướng dẫn nhúng video vào website với trình player chuyên nghiệp JW Player

filiallion

Administrator
Staff member
Administrator
Messages
585
Points
10
Language
Tiếng Việt
Hiện nay có nhiều trình player hỗ trợ chạy video trên website và một trong số đó phải kể đến đó là JW Player. JW Player là một trình player chạy video rất phổ biến bởi khả năng hỗ trợ mạnh mẽ của nó cũng như việc cài đặt, tích hợp vô cùng đơn giản, quan trọng nhất đó chính là khả năng hỗ trợ chạy video ổn định cho dù tốc độ kết nối mạng không đủ nhanh. Bên cạnh đó, với khả năng che giấu đường dẫn tới các tập tin video sẽ giúp cho các nhà cung cấp nội dung bảo đảm được nội dung của mình không bị sao chép trái phép.

Với sự hỗ trợ mạnh mẽ của JW Player, các bạn có thể sử dụng JW Player để xây dựng các website về phim, nhạc hay các website cung cấp các video học trực tuyến. Đây đều là các website mà nội dung cần được bảo đảm an toàn, tránh bị sao chép ngoài ý muốn.

Với phiên bản JW Player 8 hiện tại, các bạn muốn sử dụng phải đăng ký một tài khoản để kích hoạt JW Player cũng như quản lý tài nguyên của mình. Để đăng ký tài khoản JW Player, các bạn truy cập địa chỉ https://www.jwplayer.com/sign-up.

JW Player hiện tại hỗ trợ cả trên Android và iOS nhưng ở bài viết này tôi chỉ hướng dẫn các bạn sử dụng JW Player trên nền web. Sau khi đăng ký thành công tài khoản miễn phí, các bạn tích hợp vào website với nội dung như sau:
HTML:
<script src="https://cdn.jwplayer.com/libraries/LICENSE_KEY.js"></script>
Với dòng mã lệnh HTML như trên, các bạn lưu ý thay "LICENSE_KEY" bằng khoá bản quyền của các bạn khi đăng ký tài khoản. Tiếp theo, các bạn nhúng video vào trình player JW Player trên website như sau:
JavaScript:
jwplayer('#jwplayer').setup({
    playlist: 'https://cdn.jwplayer.com/v2/playlists/ID'
});
Các bạn cũng phải lưu ý tạo trước một danh sách phát (Playlist) để nhúng vào JW Player cũng như tạo một thành phần để JW Player hiển thị như sau:
HTML:
<div id="jwplayer"></div>
Các bạn có thể tìm hiểu thêm về JW Player tại địa chỉ https://developer.jwplayer.com/jwplayer/docs.
 
Back
Top