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.
Đọc thêm bài:
![]() |
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 !
bài viết rất hữu ích
ReplyDeletehttp://giamcan365.com/
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 ?
ReplyDeletedemo ad xem hộ : phimhaylamhd.blogspot.com
Có vẻ bạn đã giải quyết được vấn đề rồi !!!
DeleteKhô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!
ReplyDeleteThank y ad!! http://hailongland.vn/789xuandinh/, dự án view hồ tây đẹp nhất thành phố 789 Xuân Đỉnh :D
ReplyDeleteẹc, cái trang demo nhìn ghê quá
ReplyDeleteHàng tốt Nên mua
Cậu ơi, đổi giúp mình link liên kết lại với nhé:
ReplyDeletelink: https://mocgin.com
Title: Thủ Thuật WordPress
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.
ReplyDeleteThank admin https://homedy.com/can-ho-aurora-riverside-pj82222508
ReplyDeleteThank admin https://homedy.com/can-ho-dream-home-riverside-pj41932981
ReplyDeleteThank admin chung cư Dream Home Riverside q8
ReplyDeleteThank admin Đô thị Eco Future Park
ReplyDeleteThank admin Khu căn hộ Jamila Khang Điền
ReplyDeleteHay quá thank admin condotel citadines hạ long
ReplyDeleteHay quá thank admin căn hộ sunwah pearl
ReplyDeleteThank admin khu đô thị gaia city
ReplyDeleteThank admin khu căn hộ Masteri An Phú (preche) quận 2
ReplyDeletehungcoder.com thích điều này :D
ReplyDeleteninonurmadi.com
ReplyDeleteninonurmadi.com
ninonurmadi.com
ninonurmadi.com
ninonurmadi.com
ninonurmadi.com
ninonurmadi.com
ninonurmadi.com
ninonurmadi.com