How to add youtube and vimeo videos as background in jquery masterslider

Question

I try to add youtube and vimeo videos as online link.

<div class="ms-slide slide-video" data-delay="15">
    <img src="masterslider/blank.gif" alt="" data-src="img/video/video-bg.jpg">
    <video data-autopause="false" data-mute="true" data-loop="true" >
        <source id="nOEw9iiopwI" src="http://www.youtube.com/watch?v=nOEw9iiopwI" type="video/youtube"/>
    </video>
</div>

Answer 1

You need to get hold of the video file and host it yourself. Then follow the instructions from the docs --

        <!-- slide background -->
        <img src="masterslider/blank.gif" data-src="masterslider/images/1.jpg" alt="lorem ipsum dolor sit"/>     

        <!-- slide background video -->
        <video data-autopause="false" data-mute="true" data-loop="true" data-fill-mode="fill">
            <source id="mp4" src="http://media.w3.org/2010/05/bunny/trailer.mp4" type="video/mp4"/>
            <source id="ogv" src="http://media.w3.org/2010/05/bunny/trailer.ogv" type="video/ogg"/>
        </video>

    </div>
    <!-- end of slide -->                    
</div>
<!-- end of masterslider -->