我想要的视频添加到我的主页在更换滑块。
我了解如何以及为什么移动设备禁用自动播放。
不过FacebookHome和YouTube将自动播放移动。
https://bg-bg.facebook.com/home
我使用的是HTML5的方法,但它不是autoplaying移动。看着Facebook的主页时,code相类似的,所以我不理解。
任何帮助将是非常美联社preciated。
<视频的宽度=100%的海报=poster.jpg循环=1自动播放=1>
<信源SRC =movie.mp4TYPE =视频/ MP4>
<信源SRC =movie.oggTYPE =视频/ OGG>
< /视频>
解决方案
自动播放在大多数移动平台(安卓,IOS)被停止,以避免 糟糕的用户体验 - 视频只能播放下一个用户 行动。通常你可以解决它通过触发播放功能() 另一个事件(如事件onloaded)
Facebook的主页提供了视频类型的扩展名的.ogv
其制作火狐测试版只(我想无论谷歌Chrome和Android的默认浏览器,但它只是显示了海报图片)
<视频海报=Poster.jpg自动播放=1循环=1>
<信源SRC =myVideo.mp4>
<信源SRC =myVideo.ogv>
< /视频>
演示
另一种解决方案是增加事件监听器
触发视频播放时,用户点击视频元素
<视频ID =MyVideo网站海报=Poster.jpg>
<信源SRC =myVideo.mp4>
<信源SRC =myVideo.ogv>
< /视频>
记者:
VAR视频=的document.getElementById('MyVideo网站');
video.addEventListener('点击',函数(){
video.play();
},假);
演示火狐测试版的Android浏览器作品(内窗),但它会调用视频播放器应用程序播放视频
资源:
奥格 - 维基百科 的Android的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