title: Add video in royal slider
body: <p>Below this is my royal slider code. This slider shows images only. I want to add video on this royal slider.I tried and also google but can't fine this type of solution. How can I do it? Thank you.</p>
  
  <p>HTML: </p>
  
  <pre><code>    &lt;div class="slideholder"&gt;
         &lt;div class="royalSlider rsDefault"&gt;
            &lt;div class="rsContent"&gt;
                 &lt;img class="rsImg" src="img/1.jpg"  /&gt;
            &lt;/div&gt;
           &lt;div class="rsContent"&gt;
                 &lt;img class="rsImg" src="img/2.jpg" /&gt;
           &lt;/div&gt;
           &lt;div class="rsContent"&gt;
                 &lt;img class="rsImg" src="img/3.jpg" /&gt;
           &lt;/div&gt;
         &lt;/div&gt;   
     &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    .royalSlider{
           margin:0 auto;
           max-width:600px;
           width:auto;
      }
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>   &lt;script&gt;
         jQuery(document).ready(function($) {
              $(".royalSlider").royalSlider({
                       transitionType:'move',
                       imageScaleMode: 'fill',
           autoScaleSlider:true,
           autoScaleSliderWidth:100+'%',
           autoScaleSliderHeight:'auto',
           autoHeight:true
               });  
          });
    &lt;/script&gt;
  </code></pre>