Stop Videos from autoplay on load - BXSlider
<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>