自动播放视频的手机？ Facebook的主页做的。我在想什么？ [英] Autoplay video on mobile? Facebook Home does it. What am I missing?

问题描述

我想要的视频添加到我的主页在更换滑块。

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

不过FacebookHome和YouTube将自动播放移动。

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

我使用的是HTML5的方法，但它不是autoplaying移动。看着Facebook的主页时，code相类似的，所以我不理解。

任何帮助将是非常美联社preciated。

 ＆LT;视频的宽度=100％的海报=poster.jpg循环=1自动播放=1＆GT;

 ＆lt;信源SRC =movie.mp4TYPE =视频/ MP4＆GT;
＆lt;信源SRC =movie.oggTYPE =视频/ OGG＆GT;

＆LT; /视频＆GT;
 

解决方案

  

自动播放在大多数移动平台（安卓，IOS）被停止，以避免   糟糕的用户体验 - 视频只能播放下一个用户   行动。通常你可以解决它通过触发播放功能（）   另一个事件（如事件onloaded）

Facebook的主页提供了视频类型的扩展名的.ogv 其制作火狐测试版只（我想无论谷歌Chrome和Android的默认浏览器，但它只是显示了海报图片）

 ＆LT;视频海报=Poster.jpg自动播放=1循环=1＆GT;
＆lt;信源SRC =myVideo.mp4＆GT;
＆lt;信源SRC =myVideo.ogv＆GT;
＆LT; /视频＆GT;
 

演示

另一种解决方案是增加事件监听器触发视频播放时，用户点击视频元素

 ＆LT;视频ID =MyVideo网站海报=Poster.jpg＆GT;
＆lt;信源SRC =myVideo.mp4＆GT;
＆lt;信源SRC =myVideo.ogv＆GT;
＆LT; /视频＆GT;
 

记者：

  VAR视频=的document.getElementById（'MyVideo网站'）;
video.addEventListener（'点击'，函数（）{
  video.play（）;
}，假）;
 

演示火狐测试版的Andr​​oid浏览器作品（内窗），但它会调用视频播放器应用程序播放视频

资源：

• 奥格 - 维基百科
• 的Andr​​oid的WebView HTML5视频自动播放不工作在Android 4.0.3：最佳答案
• 制作HTML5视频在Android手机上的工作

I'm trying to add a video to my homepage in replace of a slider.

I understand how and why mobile devices disable autoplay.

However FacebookHome and Youtube will autoplay on mobile.

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

I'm using HTML5 method but it's not autoplaying on mobile. looking at Facebook Home, the code looks similar so I'm not understanding.

Any help would be much appreciated.

<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>

解决方案

Autoplay on most mobile platforms (Android, iOS) gets blocked to avoid poor user experiences - video should only play following a user action. You can usually work around it by triggering the play() on another event (eg the onloaded event)

Facebook Home provides a video type extension .ogv which worked on FireFox Beta only (I tried both Google chrome And Android default browser, but it just shows the poster image)

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

Demo

Another solution is to add event listener to trigger the video to be played when the user clicks on the video element

<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 Works with Firefox beta (Inside windows) But for in Android Browser it calls Video Player App to play the video

Resources:

• Ogg - Wikipedia
• Android webview html5 video autoplay not working on android 4.0.3: Best answer
• Making HTML5 Video work on Android phones

这篇关于自动播放视频的手机？ Facebook的主页做的。我在想什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！