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

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 documentation and starting up here的信息

<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>

阅读更多信息here

如果您不想使用绝对路径 you can use a relative path，请根据您的脚本所在位置：

<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>