video嵌入mp4视频，视频正常播放，但视频会变色

Question

有遇到MP4嵌入video标签，播放视频正常播放，但视频会变色
代码如下：

<video id="video" loop="loop" controls="controls" preload="auto" poster="upload/mp4/videobg.jpg">
    <source src="upload/mp4/index.mp4" type="video/mp4" />
</video>

视频变色有些电脑会，有些不会。感觉应该是mp4源文件问题。因为替换了其他mp4文件就不会出现了这个问题
效果如图：

视频分析结果：

General
Complete name : C:UsersAdministratorDesktopindex吴.mp4
Format : MPEG-4
Format profile : Base Media
Codec ID : isom (isom/iso2/avc1/mp41)
File size : 48.6 MiB
Duration : 2 min 48 s
Overall bit rate mode : Variable
Overall bit rate : 2 417 kb/s
Movie name : 新建项目
Composer : Rain
Encoded date : UTC 2018-09-07 02:25:27
Tagged date : UTC 2018-09-07 02:25:27
Writing application : Lavf51.12.1

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : High@L3
Format settings, CABAC : Yes
Format settings, ReFrames : 1 frame
Format settings, GOP : M=1, N=12
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 2 min 48 s
Bit rate mode : Variable
Bit rate : 2 314 kb/s
Width : 856 pixels
Height : 480 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 25.000 FPS
Color space : RGB
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.225
Stream size : 46.5 MiB (96%)
Language : English
Encoded date : UTC 2018-09-07 02:25:27
Tagged date : UTC 2018-09-07 02:25:27
Color range : Limited
Matrix coefficients : RGB

Audio
ID : 2
Format : AAC
Format/Info : Advanced Audio Codec
Format profile : LC
Codec ID : 40
Duration : 2 min 48 s
Bit rate mode : Variable
Bit rate : 98.0 kb/s
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 44.1 kHz
Frame rate : 43.066 FPS (1024 spf)
Compression mode : Lossy
Stream size : 1.97 MiB (4%)
Language : English
Encoded date : UTC 2018-09-07 02:25:27
Tagged date : UTC 2018-09-07 02:25:27

图片变色通过浏览器设置可以解决，设置后重启即可

Answer 1

这个是mediainfo分析下视频结果

Answer 2

目测你是10bit的H.264的解码问题。你看看你的视频是不是这个编码？

你也可以用mediainfo分析下你的视频，把text结果贴出来看看。

EDIT:

我已经找到问题了。原因出在你的编码参数上。mediainfo显示出来的编码色彩空间已经给出了答案:

Color range                              : Limited

Color range显示Limited，说明使用的是BT.601，而不是Full使用的BT.709，可能这里在chrome的解码器会出现颜色解码错误的问题。

一种解决方案是重新编码，我在本地尝试使用x264重新编码之后，颜色正常。

实际上社区已经有这样的帖子了: https://bugs.chromium.org/p/c... (需爬墙)

有人也发现了BT.601色彩空间在chrome颜色不正确。