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

Question

好的，我的网络驱动器上有视频文件，我想在我的网站上播放，只有PC连接到我的网络，访问我的网站才会看到文件。

所以我试图使用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 fime相同的文件夹中并使用，

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