html5コントロールなしのアンドロイドで動画が再生されない

Question

おはよう、

私はウェブサイトで使用するビデオリソースに関して質問があります。私はここでそれのためにバイオリンを作っています

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/