Thứ Sáu, 30 tháng 9, 2016

Thông báo báo lỗi Video (Error Video) cho JW Player

Thông báo báo lỗi Video (Error Video) cho JW Player
Lỗi link Video là vấn đề rất hay phải gặp của các trang phim (cụ thể ở đây là Blog phim) mình đã lướt qua một số site phim, cách họ để thông báo lỗi Video lại không nổi bật làm cho người dùng lầm tưởng 2 lỗi (lỗi do mạng yếu không load được Video và lỗi Video) dưới đây là hình minh họa cho 2 lỗi trên.

 
Lỗi Video (Do link bị xóa hoặc địa chỉ link không đúng)
Lỗi Video (Do link bị xóa hoặc địa chỉ link không đúng)

Lỗi không load được Video (Do mạng yếu hoặc người dùng tua quá nhanh)
Lỗi không load được Video (Do mạng yếu hoặc người dùng tua quá nhanh)

Nếu bạn không phân biệt rõ ràng 2 lỗi trên người dùng sẽ nhầm tưởng lỗi mạng yếu không load được Video là lỗi Video (vấn đề là mạng họ yếu không load được Video nhưng họ lại cho rằng trang web của bạn có vấn đề nên không load được video). Vậy việc phân biệt rõ ràng 2 lỗi trên cho một site phim là điều vô cùng cần thiết. Chính vì điều đó, hôm nay mình hướng dẫn các bạn tạo thông báo lỗi Video trên JW player.
☼ Cách tạo thông báo lỗi Video.
<div id="player">
</div>
<script type="text/javascript">
var playerInstance = jwplayer('player');
    playerInstance.setup({
        sources: [
{file:"Link video 1", type:"mp4", label: '1080HD'},
{file:"Link video 2", type:"mp4", label: '720HD'},
{file:"Link video 3", type:"mp4", label: '420SD'},
{file:"Link video 4", type:"mp4", label: '360SD'},
{file:"Link video 5", type:"mp4", label: '240SD'},
{file:"Link video 6", type:"mp4", label: '144SD'},
{file:"Link video 7", type:"mp4", label: 'Auto'}
        ],                              
        autostart: 'true'
    });
playerInstance.on('error', function() {
  playerInstance.load({
    file:"https://googledrive.com/host/0B_e6jcaQeD3KRm1ObG1teEowM2s/windows2it.mp4",
    image:"https://2.bp.blogspot.com/-kr1bY3UYkrs/V6BkcYUlFoI/AAAAAAAAboM/BJXfnl1d87MjzYLaeZ8gvtmE-6LaZTtpwCLcB/s1600/windows2it.com.jpg"
  });
  player.play();
});
</script>


Chú ý: JW Player sẽ tự động load Video đầu tiên trong bộ Video, như code mình đưa ở trên thì JW player sẽ load vào Link Video 1 trước cho dù các Link Video sau không bị lỗi nhưng Link Video 1 bị lỗi JW Player sẽ thông báo lỗi Video chứ không tự động load xuống các link còn lại (Cộng đồng JW Player đang tìm cách khắc phục vấn đề này).
☼ Tùy chỉnh:
·        Thay Link video [1..9] thành link video của bạn.
·        Video thông báo lỗi (thay thành link video thông báo lỗi của bạn đã thiết kế).
·        Ảnh nền hiển thị sau khi Video thông báo lỗi chạy xong.
·        Mình thấy tính năng này rất hay các bạn nên sử dụng nó một cách khôn khéo hơn.
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 !

0 nhận xét

Đăng nhận xét