html5视频不能在没有控件的android上播放

Question

Goodday，

我有一个关于我在网站上使用的视频资源的问题。我已经做了捣鼓在这里：

https://jsfiddle.net/cgzLkqqc/

HTML

<div id="video_container"> 
    <video poster="" width="500" id="showReelVid" loop preload> 
    <source src="http://hemlockdevelopment.net/media/showreel_jurgen_reigman.mp4" type="video/mp4"> 
    Your browser does not support HTML5 video :(. 
    </video> 
</div> 

的Javascript

var showReelVid = document.getElementById("showReelVid"); 

showReelVid.play(); 

现在能正常工作按预期在网络上，但它似乎没有不在Android手机上工作，无需添加控件到视频标签。有没有人有一个想法，我在这里失踪，因为我发现它在没有控制的情况下使用全屏视频的其他网站可以工作。

干杯。

Answer 1

只有默认属性设置为true的视频元素才允许在Android和iOS设备上自动播放。

下面的例子将自动播放：

<div id="video_container"> 
    <video poster="" width="500" id="showReelVid" muted autoplay loop preload> 
     <source src="http://hemlockdevelopment.net/media/showreel_jurgen_reigman.mp4" type="video/mp4"> 
     Your browser does not support HTML5 video :(. 
    </video> 
</div> 

https://jsfiddle.net/16j6851z/

---

如果您需要的音频，具备视频播放上点击（或与其他用户输入），而不是：

HTML

<div id="video_container"> 
    <video poster="" width="500" id="showReelVid" loop preload> 
    <source src="http://hemlockdevelopment.net/media/showreel_jurgen_reigman.mp4" type="video/mp4"> Your browser does not support HTML5 video :(. 
    </video> 
</div> 

JS

var showReelVid = document.getElementById("showReelVid"); 
showReelVid.onclick = function() { 
    showReelVid.play(); 
}; 

https://jsfiddle.net/p8cmv1vc/