如何添加youtube和vimeo视频作为背景在jquery masterslider

Question

我尝试添加youtube和vimeo视频作为在线链接。

<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

您需要获得视频文件并自己托管它。然后按照医生的指示去做

        <!-- 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 -->