【问题标题】：Background video is blank (black) on Android Chrome, works on PCAndroid Chrome 上的背景视频为空白（黑色），可在 PC 上运行
【发布时间】：2016-01-05 15:02:06
【问题描述】：

你好，

我正在尝试将视频制作为网页的背景，它似乎可以在我的电脑上运行，但不能在我的手机上运行。
到目前为止，视频没有显示，这就是为什么我给它添加了背景，但是现在，在搞砸了一段时间后，我的手机确实尝试播放视频，但它只是结束了改为空白（黑色）。
这导致缺少背景图片和视频。
但是，如果我按住屏幕，会弹出 “保存视频” 的选项，所以我假设浏览器可以毫无问题地意识到应该有视频，只是无法播放。
导出设置可能是问题吗？

HTML

<video id="bgvid" autoplay>
  <source src="media/video.webm" type="video/webm">
  <source src="media/video.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

CSS：

video#bgvid {
  position: fixed;
  min-height: 100%;
  min-width: 100%;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(/img/background.jpg) no-repeat;
  background-size: cover;
  opacity: 0.25; }

视频

     File size:    6.39 MB (6,706,607 bytes)
      Duration:    1m 16s
    Dimensions:    
         Width:    1280px
        Height:    546px (arbitrary, I know)
 Constant kbps:    700

 Any further information about the file can be extracted and provided upon request.

我尝试过评论“不透明度：0.25；”属性只是为了看看这是否是导致 Android 出现所有问题的原因，但不是。
我实际上是在括号中用 Jade 和 SASS 编写所有内容，这些是已编译的 (Prepros) 代码.. 请注意。

【问题讨论】：

标签： android html google-chrome html5-video

【解决方案1】：

不知道你是否注意到 vodkabears Vide.js 也有一个称为“海报”的背景图片作为浏览器不支持视频格式时的后备

在此处查看文档https://github.com/VodkaBears/Vide#readme，上面写着：

准备好多种格式的视频，例如“.webm”、“.mp4”以实现跨浏览器兼容性，还可以添加带有 .jpg、.png 或 .gif 扩展名的海报：

我遇到了同样的问题 - android 的 chrome 上没有视频。我没有尝试过 gif 动画 - 这可能有用，但视频质量不行

【讨论】：

【解决方案2】：

朋友建议我用这个：http://vodkabears.github.io/vide/
这似乎可以在我的桌面浏览器上运行，但不能在我的手机上运行。
所以我想这已经解决了：我不应该期望任何视频背景显示在我的手机上。

【讨论】：