首页 > 解决方案 > HTML5 视频颜色不准确

问题描述

我有一个 x264 mp4,在每个浏览器上都可以正常播放,但是颜色看起来像是水洗了之类的。它在每个浏览器上看起来都一样,但在 vlc 中播放时颜色更准确。这是 html5 限制还是我可以做些什么来纠正这个问题?下面是同一个视频并排的图片,一个在 chrome 中,一个在 vlc 中。使用 ffmpeg 将视频从 x265 编码到 x264,但我不确定这是否相关。这也是一个4k视频。这是无论如何都用于重新编码的命令:

ffmpeg -re -i "input.mkv" -crf 18 -preset medium -max_muxing_queue_size 4096 -colorspace bt2020nc -color_trc smpte2084 -color_primaries bt2020 -pix_fmt yuv420p -r 24 -map 0 -c:v:0 libx264 -c:a:0 mp3 "test.mp4"

以下是并排的视频: https ://prnt.sc/18dzwuz

我只是使用一个简单的 html5 视频标签:

<video src="/video/test.mp4" height="600" type="video/mp4" controls />

标签: videoffmpeghtml5-videomp4color-space

解决方案


推荐阅读