スライダービデオがモバイルで動作していない

Question

こんにちは、なぜ私は私のウェブサイトのvideo.mp4がロードされていない1番目のスライダーを見るときはいつでも助けてください。アドバンス

<section id="slider" class="slider-parallax revslider-wrap clearfix"> 
    <div class="slider-parallax-inner"> 

     <div class="tp-banner-container rev_slider_wrapper fullscreen-container"> 
      <div class="tp-banner" > 
       <ul> <!-- SLIDE --> 

       <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/slider/rev/main/1.jpg" data-saveperformance="off" data-title="" > 
         <!-- MAIN IMAGE images/slider/rev/main/upc1a.jpg --> 
        <img src="images/slider/rev/main/1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina> 

         <!-- LAYER NR. 1 --> 
         <div class="tp-fade fadeout fullscreenvideo rs-background-video-layer" 
          data-forcerewind="on" 
          data-volume="mute" 
          data-videowidth="100%" 
          data-videoheight="100%" 
          data-videomp4="images/ec.mp4" 
          data-videopreload="preload" 
          data-videoloop="none" 
          data-forceCover="1" 
          data-aspectratio="16:9" 
          data-autoplay="true" 
          data-autoplayonlyfirsttime="false" 
          data-nextslideatend="true" 
          > 
         </div> 


       </li> 
       <li class="tp-fade fadeout" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="images/slider/rev/main/2.jpg" data-delay="300" data-saveperformance="off" data-title=""> 
        <!--Main Image--> 
        <img src="images/slider/rev/main/2.jpg" alt="kenburns6" data-bgposition="right center" data-kenburns="on" data-duration="3000" data-delay="3000" data-ease="Linear.easeNone" > 
       </li> 

       <li class="tp-fade fadeout" data-transition="slideup" data-slotamount="1" data-masterspeed="1500" data-thumb="images/slider/rev/main/3.jpg" data-delay="3000" data-saveperformance="off" data-title=""> 
        <!--Main Image--> 
        <img src="images/slider/rev/main/3.jpg" alt="kenburns6" data-bgposition="right center" data-kenburns="on" data-duration="3000" data-delay="3000" data-ease="Linear.easeNone" > 
       </li> 

       <li class="tp-fade fadeout" data-transition="fade" data-slotamount="1" data-masterspeed="1500" data-thumb="images/slider/rev/main/4.jpg" data-delay="300" data-saveperformance="off" data-title=""> 
        <!--Main Image--> 
        <img src="images/slider/rev/main/4.jpg" alt="kenburns6" data-bgposition="right center" data-kenburns="on" data-duration="3000" data-delay="3000" data-ease="Linear.easeNone" > 
       </li> 

       <li class="tp-fade fadeout" data-transition="slideup" data-slotamount="1" data-masterspeed="1500" data-thumb="images/slider/rev/main/5.jpg" data-delay="5000" data-saveperformance="off" data-title=""> 
         <!-- MAIN IMAGE time dalay last edited 11000--> 
         <img src="images/slider/rev/main/5.jpg" alt="kenburns6" data-bgposition="left top" data-kenburns="on" data-duration="5000" ata-delay="5000" data-ease="Linear.easeNone" > 
         <!-- LAYERS --> 
         <a href="#" data-scrollto="#section-about" class="one-page-arrow dark"> 
          <i class="icon-angle-down infinite animated fadeInDown"></i> 
         </a> 
       </li> 
       </ul> 

      </div> 

     </div> 
     <!--<a href="#" data-scrollto="#section-about" data-easing="easeInOutExpo" data-speed="1250" data-offset="65" class="one-page-arrow dark"><i class="icon-angle-down infinite animated fadeInDown"></i></a>--> 
    </div> 


</section> 

Answer 1

に感謝を助けてください、あなたはそれがoutplayingされていないことを意味している場合、自動再生タグが大きなデータの利用の請求書上で実行しているユーザーを避けるために、ほとんどのモバイルデバイスではサポートされていません。

ポスタータグは機能しますので、一般的なアプローチの1つは、ビデオにポスターが設定されていることを確認し、代わりにモバイルに表示されるようにすることです。