iosのhtml5ビデオ背景ビデオ

Question

私はスライダーの一部である以下のビデオを持っています。ページのロードは、play()をビデオで呼び出され

<div class="slide video-bg"> 
    <video muted webkit-playsinline playsinline poster="/video/3/4_Marching_band-HD_1080p.jpg"> 
     <source src="/video/3/4_Marching_band-HD_1080p.webm" type="video/webm"> 
     <source src="/video/3/4_Marching_band-HD_1080p.mp4" type="video/mp4"> 
     <source src="/video/3/4_Marching_band-HD_1080p.ogv" type="video/ogg"> 
    </video> 
</div> 

。私はこれを試したすべてのデスクトップのブラウザ上で素晴らしい作品。しかし、iOSではビデオは決して再生されません。

私はhttps://webkit.org/blog/6784/new-video-policies-for-ios/を読んで各要件に従いました。私はjsで制御したいのに、autoplay属性をビデオに追加しました。ビデオには音声はなく、ページが読み込まれると表示されます。 iOSで再生できない理由は何ですか？問題の

ページ：http://heartland.thinkersites.com/products/

Answer 1

は、iOSデバイスから見苦しい再生ボタンを削除するには、あなたのCSSにこれを追加します。

   *::-webkit-media-controls-panel { 
        display: none!important; 
        -webkit-appearance: none; 
       } 

       *::--webkit-media-controls-play-button { 
        display: none!important; 
        -webkit-appearance: none; 
       } 

       *::-webkit-media-controls-start-playback-button { 
        display: none!important; 
        -webkit-appearance: none; 
       }