首页 文章

黑色屏幕上的铬为Android html5视频

提问于
浏览 次
8

Problem: 视频放在我的网站上：http://dege.cloud/（点击其中一张图片）当我在桌面或Firefox浏览器上加载页面时，一切都很好 . 当相同的页面加载到chrome for android时，视频是黑色的，没有控件，视频不知道它是否播放 .

Expected results: 视频应该可播放，hml5视频标签不是问题 .

Analysis: 视频的内容类型正确，检查设备上的控制台不会出错 . 我给了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>

行动中问题的解答：https://jsfiddle.net/Dege/1es4516p/

android html5 google-chrome video html5-video

1 回答

  • 2

    据我所知，问题在于它会自动播放;虽然Chrome Android 53将autoplay muted videos，但目前的默认版本（51）不会 .

    在任何情况下，如果您将 controls 属性添加到视频元素并按播放，则视频会正确播放，这表明它不是编码问题 .

    （FWIW，jsfiddle在用于加载视频的http方案中有3个斜线;这不是问题，但你可能想要修复它）

    回复于

相关问题