如何使用本地视频而不是Youtube网址?

时间:2016-08-18 14:13:18

标签: html twitter-bootstrap video youtube

我正在尝试将整页视频作为我的网站目标网页,但目前它只允许我使用Youtube网址而不是本地视频,这在大多数情况下都可以,但有时候视频没有由于某种原因加载。

我可以对此引导代码进行任何更改,以便我可以使用本地视频。我试过放入文件路径'/videos/video.mp4'和url('videos / video.mp4')但没有用。 div中的代码如下;

<div id="P1" class="bg-player" style="display:block; 
margin: auto; background: rgba(0,0,0,0.5)" 
data-property="{videoURL: 'http://www.youtube.com/videoURL',
containment:'.homevideo-container', quality: 'hd720', 
showControls: false, autoPlay:true, mute:true, startAt:38, 
stopAt:62, opacity:1}">
</div>

如果可以请帮助我,我只是想在服务器上使用视频而不是Youtube视频,因为它应该更可靠。

提前致谢

1 个答案:

答案 0 :(得分:0)

<div class="embed-responsive embed-responsive-16by9">
    <video autoplay loop class="embed-responsive-item">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
</div>

src替换为本地mp4目录,例如xyz/videos/abc.mp4

.embed-responsive.embed-responsive-16by9
{
   margin:0 auto
}