Cập nhật 2026: Giao diện mới và hướng đi mới ! Xem chi tiết →

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

Hoàng Nhân Khôi Thứ Bảy, 23 tháng 7, 2016
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 !

Bài Viết Liên Quan

Bình Luận (13)

Unknown
Unknown lúc 19:25 29 tháng 7, 2016
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
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 20:39 29 tháng 7, 2016
Đơ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 :)
Unknown
Unknown lúc 00:27 30 tháng 7, 2016
Ad cho mình hỏi Blog này sử dụng tempalte nào vậy?
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 01:02 30 tháng 7, 2016
tempalte nào ? tự làm riêng cho mình 1 cái vậy là xong !!
Unknown
Unknown lúc 07:14 9 tháng 8, 2016
bài viết rất hữu ích
http://giamcan365.com/
Nặc danh
Nặc danh lúc 19:08 17 tháng 8, 2016
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
Nguyễn Đăng Hậu
Nguyễn Đăng Hậu lúc 05:44 25 tháng 9, 2016
Ad hướng dẫn làm cái nút tắt mở đèn cho jwplayer luôn được không ạ!
Nguyễn Đăng Hậu
Nguyễn Đăng Hậu lúc 03:57 11 tháng 10, 2016
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.
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 04:51 11 tháng 10, 2016
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 ...
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 04:52 11 tháng 10, 2016
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 .. :)
Unknown
Unknown lúc 00:34 14 tháng 10, 2016
Admin có thể share cho mình template blog này được không. :)) [email protected]
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 02:03 14 tháng 10, 2016
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 :) !
dichvuinanhanoi
dichvuinanhanoi lúc 02:17 15 tháng 5, 2020
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.

Đăng nhận xét