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

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