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 đó !).

 

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/AVvXsEgInJfaaeBbNrY0tUU0Caoj4nlC4Pc91TO4Poq9dAGiswDSo7IgapbLTDKOGF7c2GUxoXHZu-qex8AnBkb9LjNKdINpltz6khFuAEyEtWIQDzDm6FlcZCNWzu5KIsDzemS2wKpctN-7n5M/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>

Hướng dẫn bình luận

Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)
⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] ℂ𝕤𝕤 [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] ℍ𝕥𝕞𝕝 [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 [/pre]

🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : [img] 𝕃𝕚𝕟𝕜 𝕀𝕞𝕒𝕘𝕖 [/img]
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] 𝕃𝕚𝕟𝕜 𝕪𝕠𝕦𝕥𝕦𝕓𝕖 [/youtube]

Đăng nhận xét

@Bloggers Community

@Catalogics

CSS (31) Google (7)

@Total Pageviews