title: How to play a video in jQuery image slider?
body: <p>I have a jQuery slider that I wrote in jQuery in WordPress site. </p>
  
  <p>I want to enable it to play video if the src extension is "mp4".</p>
  
  <p>Any ideas?</p>
  
  <p>Here is an example of the HTML generated: (please note the first img src is a link to a video)</p>
  
  <p>I would like to enable the visitor click play button to start the video.</p>
  
  <pre><code>&lt;div id="img-container" style="width: 2828.1px; padding-right: 886px;"&gt;                    
      &lt;div class="picture_holder"&gt;
          &lt;div class="picture"&gt;
              &lt;img src="/wp-content/uploads/2015/12/VideoClip.mp4" height="1080" width="842" alt="" title="" style="height: 414px; width: 323px;"&gt;
              &lt;h4 class="captioning"&gt;&lt;br&gt;&lt;span class="rtl"&gt;&lt;/span&gt;&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="picture_holder"&gt;
          &lt;div class="picture"&gt;
              &lt;img src="/wp-content/uploads/2017/03/railings.png" height="612" width="600" alt="" title="" style="height: 414px; width: 230px;"&gt;
              &lt;h4 class="captioning"&gt;&lt;br&gt;&lt;span class="rtl"&gt;&lt;/span&gt;&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
      &lt;div class="picture_holder"&gt;
          &lt;div class="picture"&gt;
              &lt;img src="/wp-content/uploads/2017/03/railing-1.png" height="600" width="462" alt="" title="" style="height: 414px; width: 177px;"&gt;
              &lt;h4 class="captioning"&gt;&lt;br&gt;&lt;span class="rtl"&gt;&lt;/span&gt;&lt;/h4&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div style="clear: left;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>