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

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):

Đã tạo nút HD (Button HD) cho JW Player

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'// Chuyn thành false nếu bn không mun 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 !
Liên hệ đặt quảng cáo
Quảng cáo trên windows2it.com

About Quang Mến :

Tôi là Quang Mến. Tôi viết blog theo phong cách chuyên nghiệp. ^^! Dựa trên niềm đam mê học hỏi và mong muốn chia sẽ với mọi người @@!
Theo dõi tôi trên:
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

27 nhận xét:

  1. bài viết rất hay, tks so much :3

    ReplyDelete
    Replies
    1. :) ! mau tiên miền đây http://www.nhanhuynhit.com/ hồi nào thế !!

      Delete
  2. bác có skin cho em xin với mail: nguoiduoimua@yahoo.com

    ReplyDelete
    Replies
    1. em làm hoài nhưng không thể nào ra chất lượng từng video dk em xài Jwplayer 7.5

      Delete
    2. Jwplayer 7.5 mới cập nhật hôm qua thui ... mình cũng đang dùng Jwplayer 7.5 mà ... Bạn cài đặt jwplayer xong dùng đoạn code trên mà chèn vô thui chứ có gì đâu (mình có để DEMO đó bạn) ... Bạn show cho mình xem vài video bạn sử dụng jwplayer thử xem !!!

      Delete
  3. chào bạn bài viết của bạn hay quá .
    mình đang dùng videojs cho site phim trên blogger bạn có thể chỉ cho mình cách chuyển qua jwplayer 7.5 đc không ?
    tks bạn!

    ReplyDelete
    Replies
    1. https://www.facebook.com/ga.vovan.3

      giúp mình với nha!

      Delete
    2. Bạn chuyển từ videojs sang jwplayer 7.5 hoàn toàn được nhé !! Nhưng bạn phải sữa lại cấu trúc template phi lại cho phù hợp !! :)

      Delete
    3. cơ bản là mình mù về khoản này tim google mấy ngày rồi không thấy ( gà mờ no.1) ^-^ nếu được bạn chỉ mình cách thì tốt biết mấy

      Delete
    4. Bạn nên tìm hiểu về code đi (bạn lập trang blog ít nhiều gì cũng phải biết) ... cái Jwplayer hướng dẫn bằng tiếng việt thì rất ít, nên search bằng tiếng anh. Bạn nên khai thác các tính năng free (tài khoản miễn phí) của jwplayer >>> cũng đủ để cho bạn tạo cái player khá ngầu cho 1 trang phim rùi !!

      Delete
  4. http://www.phim23.com/2013/11/naruto-suc-manh-vi-thu-naruto.html
    mình đang thử làm cái như này nhưng khó quá, mà cái thằng này nó mã hóa mình không tài nào giải đc , bạn có biết cách giải mã dạng này không giúp mình với

    ReplyDelete
    Replies
    1. Giải mã nó thì dễ rùi bạn vô trang này http://ddecode.com/hexdecoder/ 2s là xong (paste đoạn JS bị mã hóa vô rồi bấm Decode)... Mình có kiểm tra qua Cái này hay ở chỗ gestlink trực tiếp từ googledrive dạng https://drive.google.com/file/d/xxxxxxxx và getlink trực tiếp từ các trang phim họ sử dụng host ở trang này https://www.openshift.com/
      >>> mình đã cho bạn biết hết các thông tin từ đoạn JS bị mã hóa rồi đấy !!!

      Nhưng mình khuyên bạn ko sử dụng cách getlink này cho trang phim của bạn.

      -Thứ nhất: Họ phụ thuộc 100% vào các trang web mà họ getlink (Khi trang web họ getlink phim bị xóa sổ thì họ cũng bị xóa sổ luôn)

      -Thứ hai: Còn gestlink googledrive thì ko cần sử dụng host làm chi phí tiền.. Bạn up lên googledrive (get link thông qua ID file) cái này JWplayer hoàn toàn hỗ trợ !!

      Delete
    2. vậy mình muốn mã hóa lại thì làm thế nào vậy bạn

      Delete
    3. Mình đã nói rõ cách mã hóa code ở trên rùi ... bạn ko đọc hay sao ???
      "Giải mã nó thì dễ rùi bạn vô trang này http://ddecode.com/hexdecoder/ 2s là xong (paste đoạn JS bị mã hóa vô rồi bấm Decode)"

      Delete
  5. bài viết rất hữu ích
    http://giamcan365.com/

    ReplyDelete
  6. Replies
    1. Bạn vào trực tiếp trang Jw player thể thiết kế riêng cho mình 1 cái vậy là xong thôi !!

      Delete
    2. mình đang xài ancplayer ý ad nhưng skin nó xấu quá mà mình ko biết làm sao để add vào :(

      Delete
    3. ancplayer này mình ko dùng ... ko biết như thế này. Template bác đâu cho mình xem qua thử!!

      Delete
    4. đây ad ơi : http://upfile.vn/6rXtM~BCNVIQ/template-phim-hd-xml.html

      Delete
    5. Ý mình cái site phim bạn đâu /// đưa mình xem qua để mình góp ý luôn.... chứ bạn đưa file xml, mắc công mình phải tạo blog rồi up phim nữa :( !!

      Delete
    6. hi sory ad :) http://phimhaylamhd.blogspot.com/

      Delete
    7. Cái này bạn sử dụng skin Jw player phiên bản 5.8 quá cũ ... giờ nó có phiên bản 7.5 rất đẹp bạn vô trang chính để cập nhập đi !!

      Delete
    8. cập nhật như thế nào bạn có bài viết nào hướng dẫn cụ thể ko cho mình xin

      Delete
    9. Seri này mình hướng các bạn sử jw player. Mỗi template có mỗi cách getlink phim khác nhau .... Vãi lại đây là cấu trúc tmeplate của bạn mà :) !!

      Delete
  7. Cho mình hỏi sao bạn chèn video từ youtube mà không thấy hiện logo với link youtube vậy. Cám ơn.

    ReplyDelete
  8. Hình như cái thay đổi HD Label này chỉ hoạt động cho bản pro phải không bạn?

    ReplyDelete