title: Stop Videos from autoplay on load - BXSlider
body: <p>I am using bxslider for a simple video slider in one of my sites. But the all the videos in the slider starts playing on load. I would have to disable that.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>  &lt;ul class="bxslider"&gt;
      &lt;?php 
      foreach($vdos-&gt;result() as $vdo){
        ?&gt;
        &lt;li&gt;
          &lt;iframe src="&lt;?php echo asset_url().'vdo/'.$vdo-&gt;vdoPath; ?&gt;" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;
        &lt;/li&gt;
        &lt;?php
      }
      ?&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).ready(function(){
      slider = $('.bxslider').bxSlider({
        video: true,
        useCSS: false,
        auto: false,
        controls: false,
        onSliderLoad: function(){
         slider.stopAuto(true);
       }
     });
  </code></pre>
  
  <p>I have been stuck on it for a while now. Any guidance would be very helpful.</p>
  
  <p>I tired the solution posed </p>
  
  <p><a href="https://stackoverflow.com/questions/25643232/bxslider-stopping-video-element-autoplay?rq=1">bxslider stopping video element autoplay</a></p>
  
  <p>It didn't work out for me.
  Thank you.</p>
  
  <p>P.S: I am testing with .mp4 format</p>