在网络浏览器上播放本地视频文件

Question

好的，我的网络驱动器上有视频文件，我想在我的网站上播放，只有连接到我的网络并访问我的网站的电脑才能看到这些文件。

所以我正在尝试使用videojs.com来实现这一点。。。

如果我输入一个在线托管的视频文件，它会播放它，输入

file://mybooklive/Public/Shared%20Movies/Anchorman%20(2004).mp4 

它不会播放（即使在chrome的URL栏中键入它也会播放视频）。

所以基本上这将播放一个在线视频。。。

<video id="my_video_1" class="video-js vjs-default-skin" controls  
preload="auto" width="640" height="264" poster="my_video_poster.png"  
data-setup="{}">  
<source src="http://vjs.zencdn.net/v/oceans.mp4" 
type='video/mp4'> </video>

这将不会播放（本地文件）

<video id="my_video_1" class="video-js vjs-default-skin" controls  
preload="auto" width="640" height="264" poster="my_video_poster.png"  
data-setup="{}">  
<source src="file://mybooklive/Public/Shared%20Movies/Anchorman%20(2004).mp4" 
type='video/mp4'> </video>

请帮忙！！！

我正在使用MyBookLive，所以我认为我无法输入IP地址。

Answer 1

无需file://将您的视频放在与html文件相同的文件夹中，然后使用

<video width="640" height="264" controls>
  <source src="filename.mp4" type="video/mp4">
</video>

Answer 2

您正试图使用您的文件路径进行播放，您需要使用Internet URL绝对路径请更改您的代码，以便通过URL而不是文件系统获得文件

使用这个模型，你可以把你的文件放在任何地方，只要你把正确的URL指向它们

阅读更多关于video.js文档和在此处启动的信息

<video id="my_video_1" class="video-js vjs-default-skin" controls  
preload="auto" width="640" height="264" poster="my_video_poster.png"  
data-setup="{}">  
<source src="http://path-to-your-website/Shared%20Movies/Anchorman%20(2004).mp4" 
type='video/mp4'> </video>

在这里阅读更多关于

如果你不想使用绝对路径，你可以根据脚本的位置使用相对路径：

<video id="my_video_1" class="video-js vjs-default-skin" controls  
preload="auto" width="640" height="264" poster="my_video_poster.png"  
data-setup="{}">  
<source src="relative-path-to-your-mp4/Anchorman%20(2004).mp4" 
type='video/mp4'> </video>