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

b4qexyjb  于 2022-12-16  发布在  其他
关注(0)|答案(2)|浏览(276)

好吧,我有我的网络驱动器上的视频文件,我想在我的网站上播放,只有电脑连接到我的网络和访问我的网站将看到的文件。
所以我试着使用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地址。

ilmyapht

ilmyapht1#

不需要file://把你的视频和你的html文件放在同一个文件夹里,然后使用,

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

t0ybt7op2#

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

相关问题