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

【问题标题】：How to add youtube and vimeo videos as background in jquery masterslider如何在 jquery masterslider 中添加 youtube 和 vimeo 视频作为背景
【发布时间】：2016-12-20 08:47:57
【问题描述】：

我尝试将 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>

【问题讨论】：

标签： jquery youtube vimeo masterslider

【解决方案1】：

您需要获取视频文件并自行托管。然后按照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 -->

【讨论】：

实际上是我通过api获取的视频的url。
如果视频可以从 url 流式传输，它可能会起作用。您是否尝试过将其作为 src 传递？