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
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.
Đ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?
Điều đó đã giúp cảm ơn :) –
Tuyệt vời !! Thiên tài! hoàn toàn hoạt động !! – Magico
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
- 1. Hiển thị HTML5 Video toàn màn hình
- 2. Lớp phủ trên ứng dụng toàn màn hình 3D
- 3. html5 thẻ video để chơi toàn màn hình với Android
- 4. Lớp phủ màn hình cho ảnh chụp màn hình
- 5. Video được nhúng trên YouTube ở chế độ HTML5 gốc và toàn màn hình
- 6. Android WebView với video được nhúng trên youtube, nút toàn màn hình đóng băng video
- 7. iOS - Buộc video toàn màn hình
- 8. JWPlayer cho video nền toàn màn hình
- 9. Điều khiển lớp phủ cho video trên iPhone/iPad
- 10. Chế độ xem web ca cao - toàn màn hình video html5 không hoạt động
- 11. Video HTML5 không ẩn điều khiển ở chế độ toàn màn hình trong Chrome
- 12. Thoát khỏi chế độ toàn màn hình bằng thẻ video HTML5
- 13. Bạn có thể hiển thị HTML5 <video> làm nền toàn màn hình không?
- 14. Cách ẩn nút toàn màn hình của thẻ video trong HTML5
- 15. Xóa lớp phủ "phát trên youtube" trên video được nhúng
- 16. Video nền toàn màn hình và giữ nó ở giữa
- 17. Hiển thị các phần tử không phải nguyên tố toàn màn hình (API toàn màn hình HTML5)
- 18. Cách tạo hoạt động lớp phủ toàn màn hình luôn đứng đầu trong Android
- 19. html5 chụp màn hình
- 20. phát video an toàn html5?
- 21. Lớp phủ hộp thoại jquery phương thức không chụp toàn màn hình
- 22. Lớp phủ DirectX toàn màn hình? Có .. một lần nữa C#
- 23. Toàn màn hình api HTML5 và Safari (iOS 6)
- 24. Android - Lượt xem phủ lên khung hình cuối cùng của video toàn màn hình không được vẽ lại đúng cách khi bật và tắt màn hình
- 25. Dừng video HTML5 trênĐóng
- 26. video toàn màn hình mà không phá vỡ Aspect Ratio
- 27. Video toàn màn hình không có viền đen
- 28. Lỗi 5 video HTML khi chụp toàn màn hình
- 29. Video không phát ở chế độ toàn màn hình
- 30. iPhone AVErrorInvalidVideoLỗi bố trí khi thực hiện lớp phủ hình ảnh trên video?
Đã 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. –