Liên hệ đặt quảng cáo

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

Hướng dẫn tạo nút Download (Button Download) cho JW Player
Hello, tất cả các độc giả của windows2it. Hôm nay, mình tiếp tục hướng dẫn seri sử dụng Jwplayer, phải công nhận một đều jwplayer hỗ trợ tất cả các tính năng cần thiết để cho một site phim trở nên Pro nhất cho thể.

Tới bài viết này mình hướng dẫn các bạn tạo nút Download (Button Download), tính năng này hỗ trợ người dùng khá tốt, chả hạn cái máy tính mình đang sài không cài đặt Internet Download Manager (IDM) và trình duyệt Google Chrome cũng không hỗ trợ Downoad video lay hay mất cả ngày mới Down được cái video về máy mãn hết biết, với tính năng này bạn có thể gắng link Down video trực tiếp hoặc dán tiếp để đưa người dùng tới địa chỉ trang Download video (Với cách này bạn sẽ kiếm được một ít tiền từ link rút gọn đó !).

Demo Download (Button Download)

Nút Download (Bottun Download) cùng lúc xuất hiện và ẩn đi với thanh điều kiển còn tấm hình ở trên là mình chụp minh họa cho các Bạn biết nút Download (Button Dowonload) nó ra sao và nhằm ở vị trí nào thôi (để cho các bạn xem qua có quyết định nên sử dụng tính năng nào không).

☼ Cách tạo nút Download (Button Download) 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 ko muốn video tự động phát
    });
playerInstance.addButton(
   'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiteNzy_OYdDRBQuoW6-ADrrQ42eTBnNRaQP0EtQNRSL0yT5u2HHIKVehWKq2S34y3TcfhcQ1GrhyphenhyphenhiIXjnGbzgLjitZHbo6jnG2Hbo8nlE9p9fpzIwASdxRJz_UILl-DEOfSpZrHj6Lqs/s1600/icon-download.png',
   'Download video', 
   function() {  
    window.open(playerInstance.getPlaylistItem()['file']+'?type=video/mp4&title=windows2it.com', '_blank').blur();
   //window.location.href = playerInstance.getPlaylistItem()['file'];
 },
'download'
);
</script>

☼ Tùy chỉnh:
·        Tự động Download video ở link đầu tiền.
·        Thay Link video thành link video của bạn.
·        Thay link hình (biểu tượng icon) nút download (Botton download) mà bạn thích.
·        Download video” title hiển thị khi rê chuột và nút Download.
·        Video tự động lưu khi down về với tên “windows2it.com”.
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

13 nhận xét:

  1. Ad có biết cách nào để khắc phục lỗi blogspot bị nhà mạng chặn ngay trên blogspot không vậy? Nghĩa là độc giả không cần sửa DNS mà vẫn truy cập blospot của mình bình thường

    Trả lờiXóa
    Trả lời
    1. Đơn giản:

      -Thứ nhất: Nếu bạn chưa trỏ tên miền riêng thì bất giao thức https:// của blogspot là hết chặn ngay.

      - Thứ hai: Nếu bạn trỏ tên miền riêng thì hãy rỏ về cloudflare.com là hết chặn thui !!

      >> Đơn giản chỉ vậy thui :)

      Xóa
    2. Ad cho mình hỏi Blog này sử dụng tempalte nào vậy?

      Xóa
    3. tempalte nào ? tự làm riêng cho mình 1 cái vậy là xong !!

      Xóa
    4. Ad hướng dẫn làm cái nút tắt mở đèn cho jwplayer luôn được không ạ!

      Xóa
    5. Bài viết bật đen mở đèn ... mình đã soạn rồi nhưng lười quá chưa đăng lên ... Hôm nào có hứng thú mình sẽ đăng .. :)

      Xóa
  2. bài viết rất hữu ích
    http://giamcan365.com/

    Trả lờiXóa
  3. mình cũng đang làm 1 site blogpot. mọi người vào xem và cho đánh giá nhé.
    Bán Căn Hộ Khách Sạn Hoà bình green đà nẵng

    Trả lờiXóa
  4. Ad hướng dẫn em cái mà khi click vào Nút Download Video thì nó sẽ ra link rút gọn ấy.

    Trả lờiXóa
    Trả lời
    1. Bài viết này tối ưu cho link rút gọn mà bạn ... Bạn chỉ cần chằn Js rút gọn rút gọn là xong thôi!! :P chưa tới 1 nốt nhạc là xong ...

      Xóa
  5. Admin có thể share cho mình template blog này được không. :)) [email protected]

    Trả lờiXóa
    Trả lời
    1. Lên google tìm đi ... template còn ngon hơn nhiều ... template xấu load lại chậm ko phù hợp đâu :) !

      Xóa
  6. Cảm ơn bài viết rất chi tiết. Mình cũng xin giới thiệu qua dịch vụ in ấn của inlonggia
    Với nhiều năm kinh nghiệm trong lĩnh vực in ấn, là địa chỉ có uy tín tại Hà Nội. Công ty In Long Gia luôn đẩy mạnh phát triển dịch vụ in ấn nhất là mảng sản xuất in hộp cứng cao cấp.
    Đến với chúng tôi khách hàng sẽ được hỗ trợ tư vấn và thiết kế hoàn toàn miễn phí. Với mục tiêu thỏa mãn mọi nhu cầu của khách hàng. In Long Gia luôn mang đến cho khách hàng những sản phẩm vỏ hộp bìa cứng sang trọng và đẹp mắt nhất.
    Là xưởng sản xuất trực tiếp không qua trung gian , sử dụng công nghệ máy móc in ấn hiện đại. Giúp bạn tiết kiệm đến 30% chi phí nhưng vẫn đảm bảo chất lượng.

    Trả lờiXóa