Video HTML5 Html5 không thể hiển thị màu trắng, có nền màu xám

Chúng tôi có trang giới thiệu phát video html5 trước khi nội dung trang web chính được hiển thị. Video có nền màu trắng để nó tích hợp dường như với nền trang. Tuy nhiên, trong trình duyệt chrome toàn bộ video có nền màu xám.Video HTML5 Html5 không thể hiển thị màu trắng, có nền màu xám

Rõ ràng, những câu hỏi này từ năm 2011 cho biết đây là/là một lỗi trong crom. Họ cũng tuyên bố lỗi đã biến mất trong bản cập nhật chrome mới nhất. Tuy nhiên, tôi đã tải xuống phiên bản chrome mới nhất, 27.0.1453.110 m và sự cố vẫn còn ở đó?

html 5- Videos - White is washed off in Chrome

Unwanted Background color/artifact on HTML5 Video Tag

enter image description here

Có ai có bất kỳ giải pháp hay cách giải quyết cho vấn đề này? ... Lỗi này làm cho toàn bộ dự án của chúng tôi vô dụng ... Có vẻ như không thể tin được với tôi rằng mặc dù quảng cáo html5, chrome không thể chơi người da trắng trong video từ năm 2011 ??

....... EDIT ...................................... ..............

Ok, tôi đã tạo ra một dự án jsfiddle: http://jsfiddle.net/Ykmya/5/

<body> 
<video id="introVideo" width="774" height="400" oncanplay="playIntroVideo()"> 
    <source src="http://users.telenet.be/A-I/ChromeBugTest.mp4" type="video/mp4" /> 
    Uw browser ondersteunt geen html5 video 
</video> 
</body>

Khi xem bằng Chrome, bạn sẽ thấy những nền màu xám

........ CHỈNH SỬA 2 ...................................... ............

sử dụng bút chì câu trả lời Avengers, tôi đã thêm css này, trong đó có một kết quả chấp nhận được:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    video{ -webkit-filter: brightness(108.5%); } 
}

Nguồn

2013-06-07 Run CMD

Can bạn thiết lập jsfiddle mới? – vitozev

Hi Kristian, tôi đã tạo dự án jsfidlle ... –

Cảm ơn, nhưng video sẽ không tải ở đây ... bạn có thể kiểm tra không? – vitozev

http://jsfiddle.net/Ykmya/8/

Dưới đây là cách khắc phục đơn giản, tôi chỉ đơn giản là tăng mức độ sáng sử dụng một bộ lọc webkit. Tôi sẽ vẽ nó lên vải và sau đó lọc các pixel, sẽ mượt mà hơn nhiều, nhưng tôi không thể truy cập video của bạn thông qua các tên miền chéo. Thay vào đó, tôi chỉ sử dụng kiểu css

video{ 
    -webkit-filter: brightness(108.5%); 
}

Chỉnh sửa: Điều này đã được khắc phục trên phiên bản Chrome mới nhất mà tôi tin.

Nguồn

2013-06-07 13:16:31 pandavenger

Tôi lấy một ảnh chụp màn hình và sau đó sử dụng Paint để đọc các giá trị RGB và chúng tương đối gần (+/- 1) với các giá trị dự định – pandavenger

Công trình này! Cảm ơn pandavenger! :-) –

bạn có thể muốn tạo Javascript để kiểm tra trình duyệt là Chrome chứ không phải thứ gì khác và THEN áp dụng bộ lọc, ví dụ của tôi chỉ là một ví dụ cực kỳ đơn giản – pandavenger

Tôi gặp sự cố tương tự với hình nền trong trình duyệt từ nhiều nhà cung cấp. Nền tối trong firefox trên cửa sổ và chrome trên mac.

tôi đã kết thúc việc tạo ra 2 phiên bản của video

WebM -> Non IE mp4 -> All IE

Và sau đó thiết lập thứ tự video sử dụng ý kiến có điều kiện

<!--[if !IE]><!--> 
    <source src="Content/Video/1.webmsd.webm" /> 
    <source src="Content/Video/1.mp4" /> 
<!--<![endif]--> 
<!--[if IE]><!--> 
    <source src="Content/Video/1.mp4" /> 
    <source src="Content/Video/1.webmsd.webm" /> 
<!--<![endif]-->

Nguồn

2013-12-04 16:12:55

Video HTML5 Html5 không thể hiển thị màu trắng, có nền màu xám

Trả lời

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