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

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

Hoàng Nhân Khôi Thứ Hai, 6 tháng 11, 2017
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 Videolỗi Video) dưới đây là hình minh họa cho 2 lỗi trên.

      Đọc thêm bài:
 
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_JX0JJclscGOTz_jRmJzPZeNCw_r_K52_Z51DgNf_9T3DPDW2jClL6G12ZOAvPE-yo6DZ6SSHRl8vYtU6u53Oglt1vrmjI_-SrnrDHM2n1OU1dkUTyd5YprDWeYMIx7jfeVWc_qHnnpM/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 !

Bài Viết Liên Quan

Bình Luận (17)

Unknown
Unknown lúc 07:14 9 tháng 8, 2016
bài viết rất hữu ích
http://giamcan365.com/
tai
tai lúc 21:13 21 tháng 8, 2016
ad fix hộ mình cái khung tìm kiếm dạng tìm kiếm của google tích hợp vào blogspot nhưng ko hiểu nổi khi mình test thử nó cứ hiện kết quả của cái trang gốc của người share template này là phim79.org ad có thể giúp mình đc k ?
demo ad xem hộ : phimhaylamhd.blogspot.com
Hoàng Nhân Khôi
Hoàng Nhân Khôi lúc 06:26 22 tháng 8, 2016
Có vẻ bạn đã giải quyết được vấn đề rồi !!!
Minh Nhựt
Minh Nhựt lúc 07:09 22 tháng 11, 2016
Không liên quan nhưng Ad có biết cách viết shortcode cho bài đăng trong blogspot không? Hướng dẫn mình với! Cảm ơn!
RFA
RFA lúc 20:20 22 tháng 12, 2016
Thank y ad!! http://hailongland.vn/789xuandinh/, dự án view hồ tây đẹp nhất thành phố 789 Xuân Đỉnh :D
ACB
ACB lúc 06:49 11 tháng 3, 2017
ẹc, cái trang demo nhìn ghê quá
Hàng tốt Nên mua
Mộc
Mộc lúc 08:10 12 tháng 3, 2017
Cậu ơi, đổi giúp mình link liên kết lại với nhé:
link: https://mocgin.com
Title: Thủ Thuật WordPress
RFA
RFA lúc 19:20 23 tháng 3, 2017
Thông tin về địa chỉ mua đồ cờ bạc bịp hà nội uy tín hàng đầu tại thành phố Hà Nội.
Nặc danh
Nặc danh lúc 19:13 27 tháng 3, 2018
Nặc danh
Nặc danh lúc 19:41 9 tháng 4, 2018
Nặc danh
Nặc danh lúc 21:37 18 tháng 4, 2018
Hay quá thank admin condotel citadines hạ long
Nặc danh
Nặc danh lúc 20:50 25 tháng 4, 2018
Hay quá thank admin căn hộ sunwah pearl
Nặc danh
Nặc danh lúc 19:23 1 tháng 5, 2018
Nặc danh
Nặc danh lúc 21:08 3 tháng 5, 2018
Bill Amazing Z
Bill Amazing Z lúc 23:21 12 tháng 4, 2020
hungcoder.com thích điều này :D
Emblix Academy
Emblix Academy lúc 22:53 6 tháng 9, 2021
Emblix Academy – Digital marketing institute in KPHB, we address all major and minor aspects required for any student’s advancement in digital marketing. Clutch USA named our Digital Marketing Institute the best SEO firm. for more info visit here :- https://emblixacademy.com/

Đăng nhận xét