如何使用文件夹中的本地视频代替Youtube URL?

时间:2018-06-27 19:13:57

标签: html css

我正在尝试将整页视频作为我的网站登录页面,但目前仅允许我使用Youtube URL,而不能使用本地视频,这在大多数情况下是可以的,但是在某些情况下,该视频不能出于某种原因加载。

下面的定位标记中的代码

<a id="bgndVideo" class="player" data-property="{videoURL:'http://youtu.be/fzz40536QeI?t=10s',containment:'body',autoPlay:true, mute:true, startAt:20, opacity:1}"></a>

如果可以的话,请帮忙,我只想使用本地文件夹中的视频,而不是YouTube视频,因为它应该更可靠。

2 个答案:

答案 0 :(得分:0)

使用<video>标签。取自docs。当然,如果托管视频,则视频必须在服务器上。

<video controls
       muted
       src="/media/examples/stream_of_water.webm"
       width="300"
       height="200">
    Sorry, your browser doesn't support embedded videos.
</video>

<footer><a href="https://www.youtube.com/watch?v=Z_4TlZCvYL4">Video</a> by Leonard Lee</footer>

答案 1 :(得分:0)

如果文件存储在本地,则只需添加HTML video元素:

<video src="/path/to.video" poster="/path/to.poster" width="480" controls>
</video>