视频的背景颜色在不同的屏幕上变化

Question

编辑：解决方案：Chrome Html5 video can't display white, has gray background

我为网络www.davidusandizaga.com

制作了视频介绍

这是从我的笔记本电脑，Firefox和Mozilla访问网络的结果：

这是我的桌面，firefox和mozilla的结果：

视频的背景是完全白色的，不知道为什么在我的桌面上它是蓝色的，而不是在我的笔记本电脑上。我手动更改了浏览器的宽度以使其与我的笔记本电脑相同（可能在将视频的高度调整到比视频的原始高度更高的高度时可能会失去颜色属性？）但视频背景保持蓝色。

在这里您有原始视频：http://davidusandizaga.com/presen.mp4

这就是它的插入方式：

HTML：

<div class="background">
         <video preload="auto" autoplay muted class="indexVideo">     
            <source src="presen.mp4" type="video/mp4">
         </video>
      </div>

CSS：

video{
   opacity:0;
}

.background{
   position:fixed;
   top:0px;
   left:0px;
   height:100%;
   width:auto;
   opacity:0.4;
}

除了创建所需的其他两种视频格式（其待处理的），并在未加载视频时设置图像，您还会看到其他任何不良做法吗？