5
Tôi đang cố gắng sử dụng tiện ích mở rộng vide.js jQuery để thêm nền video vào một trong các div của tôi. Mã cho div video là như sau:HTML Video chỉ Xuất hiện trên Cửa sổ Thay đổi kích thước
<div id="header" data-vide-bg="mp4: graphics/videos/identity.mp4, webm: graphics/videos/identity.webm, ogv: graphics/videos/identity.ogv, poster: graphics/videos/equations.png" data-vide-options="posterType: 'detect', loop: true, muted: true, position: 0% 0%">
Nó hoạt động đôi khi, nhưng nếu bộ nhớ cache của trình duyệt sẽ bị xóa và trang được làm mới (Ctrl/Cmd + shift + R trong Chrome), video không hiển thị cho đến khi cửa sổ trình duyệt được thay đổi kích thước.
Tôi cũng đã thử sử dụng jQuery để thêm video vào div theo chương trình, không có kết quả.
Bạn có thể xem sự cố trực tiếp tại this address.
Đây là vấn đề. Tuy nhiên, dường như các giá trị có vấn đề được thêm vào bởi một số mã vide.js, do đó chúng xuất hiện nội dòng. Cách duy nhất để khắc phục vấn đề là thêm các cờ '! Important' vào CSS. –