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/