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

时间:2014-04-22 17:29:48

标签: html file video local

好的,我的网络驱动器上有视频文件,我想在我的网站上播放,只有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地址。

2 个答案:

答案 0 :(得分:0)

您正在尝试使用文件路径播放,您需要使用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>

答案 1 :(得分:0)

无需file://将您的视频放在与html fime相同的文件夹中并使用,

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