2013-04-26 53 views
15

Tôi muốn thêm các điểm nóng lớp phủ trên video html5 sẽ giúp tôi cung cấp thông tin về video đó. Tôi đã có thể thêm thành công vào chế độ bình thường của Video HTML5. Nhưng, khi tôi thay đổi chế độ video thành toàn màn hình, nó sẽ biến mất. Muốn ai đó giúp tôi xin vui lòng !!!Lớp phủ trên video toàn màn hình HTML5

Trả lời

12

Cách tốt nhất để làm điều này là để có một div < > chứa <Video> và các điểm nóng của bạn, và yêu cầu độ toàn màn hình trên chứa <div>.

Tôi đã triển khai toàn màn hình và (các phần của) <video> API trong Firefox. Tấn công z-index này không phải là hành vi được chỉ định, vì vậy nó sẽ ngừng hoạt động sau khi chúng tôi cập nhật triển khai của chúng tôi để khớp với bản nháp mới nhất của thông số toàn màn hình W3C.

+0

Đã dành nửa ngày cố gắng tìm ra điều z-index bên dưới trong Firefox. Đây là một giải pháp tốt hơn nhiều. –

20

Điều này có thể được giải quyết bằng mẹo. Hãy xem ví dụ này tại đây: http://jsfiddle.net/carmijoon/pZbkX/show/

z-index: 2147483647;

Bạn cũng có thể xem mã ở đây: http://jsfiddle.net/carmijoon/pZbkX/

z-index: 2147483647; 

bạn cần phải thêm giá trị lớn nhất của z-index đó là (z-index: 2147483647;) vào yếu tố lớp phủ. Bí quyết đó sẽ giải quyết vấn đề của bạn.

Bạn cũng có thể chia sẻ tệp của mình trên jsfiddle không?

+0

Điều đó đã giúp cảm ơn :) –

+0

Tuyệt vời !! Thiên tài! hoàn toàn hoạt động !! – Magico

+1

Brilliant! Chỉ cần rực rỡ! Nếu tôi có thể upvote câu trả lời này bằng 100, tôi sẽ làm như vậy. Tôi đã tuyệt vọng nhận được một lớp phủ trên một yếu tố toàn màn hình cho đến khi tôi tìm thấy câu trả lời này. Cảm ơn một triệu, Carmijoon! – Velojet

Các vấn đề liên quan