在手机上自动播放视频？ Facebook Home 做到了。我缺少什么？

我正在尝试将视频添加到我的主页来代替滑块。

我了解移动设备如何以及为何禁用自动播放。

但是 FacebookHome 和 Youtube 将在移动设备上自动播放。

https://bg-bg.facebook.com/home https://bg-bg.facebook.com/home

我正在使用 HTML5 方法，但它不会在移动设备上自动播放。看看 Facebook Home，代码看起来很相似，所以我不明白。

任何帮助将非常感激。

<video width="100%"  poster="poster.jpg" loop="1" autoplay="1">

 <source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">

</video>

大多数移动平台（Android、iOS）上的自动播放都会被阻止以避免 用户体验不佳 - 视频只能跟随用户播放 行动。您通常可以通过触发 play() 来解决这个问题 另一个事件（例如 onloaded 事件）

Facebook Home 提供视频类型扩展.ogv仅适用于 FireFox Beta（我尝试了 Google chrome 和 Android 默认浏览器，但它只显示海报图像）

<video poster="Poster.jpg" autoplay="1" loop="1">
<source src="myVideo.mp4">
<source src="myVideo.ogv">
</video>

Demo http://jsfiddle.net/ZEGKN/

另一个解决方案是添加event listener当用户点击视频元素时触发播放视频

<video id="myVideo" poster="Poster.jpg">
<source src="myVideo.mp4">
<source src="myVideo.ogv">
</video>

JS:

var video = document.getElementById('myVideo');
video.addEventListener('click',function(){
  video.play();
},false);

Demo http://jsfiddle.net/ZEGKN/1/适用于 Firefox beta（在 Windows 内），但在 Android 浏览器中，它会调用视频播放器应用程序来播放视频

资源：

• 奥格 - 维基百科 http://en.wikipedia.org/wiki/Ogg
• Android webview html5 视频自动播放不适用于 android 4.0.3：最佳答案 https://stackoverflow.com/a/16718186/2151050
• 让 HTML5 视频在 Android 手机上运行 http://www.broken-links.com/2010/0/08/making-html5-video-work-on-android-phones/