モバイルmp4ビデオでは動作していませんか？

Question

モバイルmp4ビデオが機能していない場合、ビデオのimgのみを表示します。

私はこの問題solve.Linkこれは私のhtmlで、ここで http://innovatoryinfotech.com/theme/Restora/index-video.html

あるのか分かりません。

<video id="video" class="slider-video" width="100%" preload="auto" loop autoplay style="visibility: visible; width: 100%;"> 
      <source src="video/Sushi-361.mp4"> 
      <source src="video/Sushi-361.webm" type="video/webm"> 
      <source src="video/Sushi-361.ogv" type="video/ogg"> 
     </video> 

この問題を解決してください。

私は、IMGのクリックは、ビデオが開始されたときに、それが仕事

var video = document.getElementById('video'); 
video.addEventListener('click',function(){ 
    video.play(); 
},false); 

このスクリプトを追加します。

しかし、モバイルで自動ビデオを開始する方法。

Answer 1

「機能していません」というのは、preloadとautoplayが無効になっているだけです。 iOS Safariでは、ユーザーが明示的に起動するまで動画を再生できません。ユーザは、セルラーネットワーク上にあってもよいし、データ単位で課金さ（アプリを含むすべてのデバイス用）イオスのSafariで

、preloadとautoplayれる：ここ

公式document記述であります無効にする。ユーザーが開始するまでデータはロードされません。

更新：https://developers.google.com/web/updates/2016/07/autoplayによれば、Android版Chromeの一部のバージョンでもautoplayが無効になっています。ただし、「ミュートされた自動再生」は、バージョン53以降のAndroid用Chromeでサポートされており、iOS 10以降のSafariでサポートされています。

したがって、muted属性（<video autoplay muted>）を追加することでこの問題を解決できます。ただし、ブラウザの履歴により、すべてのデバイスで動作するわけではありません。