title: Bxslider with video and image
body: <p>I have a bxslider containg a video as first slide, than three slides of images .How i can auto slide in bxslider when video ends?</p>
  
  <pre><code>&lt;ul class="bxslider" style="width: 615%; position: relative; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);"&gt;
  &lt;li class="bx-clone" style="float: left; list-style: outside none none; position: relative; width: 1298px; z-index: 0; display: none;"&gt;
  &lt;li style="float: left; list-style: outside none none; position: relative; width: 1298px; z-index: 50; display: block;"&gt;
  &lt;li style="float: left; list-style: outside none none; position: relative; width: 1298px; z-index: 0; display: none;"&gt;
  &lt;li style="float: left; list-style: outside none none; position: relative; width: 1298px; z-index: 0; display: none;"&gt;
  &lt;li style="float: left; list-style: outside none none; position: relative; width: 1298px; z-index: 0; display: none;"&gt;
  &lt;li class="bx-clone" style="float: left; list-style: outside none none; position: relative; width: 1298px; z-index: 50; display: block;"&gt;
  &lt;/ul&gt;
  
  
  $('.bxslider').bxSlider({
        adaptiveHeight: true,
        mode: 'fade',
        pause: 3000,
      });
  </code></pre>