HTML5视频本地源+网络源答案

【问题标题】：HTML5 video local source + web sourceHTML5视频本地源+网络源
【发布时间】：2014-02-28 19:38:58
【问题描述】：

我希望我的网页先在本地查找一些视频文件，如果找不到，然后从网络上播放它们。这对我来说很有意义，因为我正在构建一个可以在别人的 wifi 上运行的信息亭（可能很慢）。我想做这样的事情：

<video id="video1" width="420">
    <source src="c:\website\assets\video\mov_bbb.mp4" type="video/mp4">
    <source src="\assets\video\mov_bbb.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

这对我不起作用，因为视频标签不喜欢本地路径。我在网上看到有人提出以下建议，但我真的不明白如何实施它来解决我的问题。有人可以帮忙吗？

<input type="file" accept="video/*"/>
<video controls autoplay></video>

【问题讨论】：

尝试在 C:\... 之前添加 file:///。
谢谢大家。实际上，我通过简单地安装本地网络服务器并将第一个源指向本地主机，将第二个源指向我的网站来解决这个问题。干杯！
最好使用网络服务器，但在我的计算机上它可以与 file:/// 一起使用。 file:///c:\website\assets\video\mov_bbb.mp4 如果你直接在浏览器中访问地址，是否有效？

标签： html html5-video

【解决方案1】：

我实际上是通过简单地安装一个本地网络服务器并将第一个源指向本地主机并将第二个源指向我的网站来解决这个问题。干杯！

【讨论】：

【解决方案2】：

<input>的解决方案在这里讨论：Play local (hard-drive) video file with HTML5 video tag?，但用户必须选择本地文件播放。出于安全原因，我不认为页面可以在没有用户干预的情况下访问 file:// 资源。

【讨论】：