问题: 视频放在我的网站上:http://dege.cloud/(点击其中一张图片)当我在桌面或Firefox浏览器上加载页面时,一切都很好.当相同的页面加载到chrome for android时,视频是黑色的,没有控件,视频没有音频,所以我不知道它是否播放.
预期结果: 视频应该可播放,hml5视频标签不会在移动设备上自动启动,但这不是问题.
分析: 视频的内容类型是正确的,检查设备上的控制台不会出错.我给了webm和mp4版本的视频(摘自http://giphy.com/).
视频代码如下:
<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/