Chrome上的黑色屏幕为html5的video

问题:这些video放在我的网站上: http : //dege.cloud/ (点击其中一个图片)当我在桌面或Firefox上移动页面时,一切都很好。 当相同的页面被加载在Android上的chromevideo是黑色的没有控制,video没有audio,所以我不知道它是否播放。

预期结果:video应该是可播放的,hml5video标签不会在手机上自动启动,但这不是问题。

分析:video的内容types是正确的,检查设备上的控制台不会提供错误。 我给了webm和mp4版本的video(从http://giphy.com/翻录)。

video的代码是这样的:

<video autoplay muted loop class="img-responsive img-centered"> <source src="img/portfolio/campominato-video.webm" type="video/webm" class="img-responsive img-centered"> <source src="img/portfolio/campominato-video.mp4" type="video/mp4" class="img-responsive img-centered"> <img src="img/portfolio/campominato-screen.png" class="img-responsive img-centered"> </video> 

jsfiddle的问题在行动: https ://jsfiddle.net/Dege/1es4516p/

Solutions Collecting From Web of "Chrome上的黑色屏幕为html5的video"

从我所知道的问题来看,它会自动播放。 而Chrome的Android 53会自动播放静音的video ,目前的默认版本(51)不会。

在任何情况下,如果您将controls属性添加到video元素,然后按播放,则正确播放video,这确认这不是编码问题。

(FWIW,jsfiddle在用于加载video的httpscheme中有3个斜杠;这不是问题,但是您可能要修复它)