Khắc phục video HTML5 không chạy với bxSlider trên iPad

Vấn đề thường do bxSlider tham chiếu sai đường dẫn file ảnh (controls, loading...) trong file CSS. bxSlider dùng hình ảnh cho các nút prev/next, loading spinner...

Giải pháp

1. Tải bxSlider từ trang chủ: bxslider.com.
2. Giải nén, lấy thư mục images.
3. Copy thư mục images vào thư mục js (hoặc nơi bạn đặt file jquery.bxslider.css) của dự án.

Cấu trúc thư mục sau khi sửa

<link rel="stylesheet" href="js/jquery.bxslider.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/jquery.bxslider.js"></script>
<!-- Thư mục images nằm ngang hàng với các file js/css trên -->

File jquery.bxslider.css tham chiếu ảnh bằng đường dẫn tương đối images/.... Đặt thư mục images cùng cấp với file CSS sẽ khắc phục lỗi thiếu ảnh control, giúp video hoạt động bình thường trên iPad.