如何在我的网站上显示来自我自己的计算机的视频

时间:2019-05-29 23:26:15

标签: html css

到目前为止,我已经拥有这个网站

https://imgur.com/a/o4T81MG

看起来像那样。我希望播放缩略图显示计算机上的视频。我想将我的计算机用作视频主机。我正在尝试制作一个视频共享网站。我打算沿Google云路线托管我的视频,但截至目前,我想知道是否可以使用自己的计算机作为服务器来检索我保存的视频。

2 个答案:

答案 0 :(得分:0)

您需要将视频文件存储在服务器上的文件夹中,然后需要在代码中引用它们。在服务器的文件夹中引用视频非常简单。

请参阅:

https://www.w3schools.com/html/html5_video.asp

答案 1 :(得分:0)

这是一个选择...

第1步:投放视频

超级简单Node.js服务器

(安装Node.js

在命令提示符下:

  1. 运行npm install --global http-server
  2. 将视频存储目录更改为(cd
  3. 运行http-server

Apache + GNU / Linux

  1. 在计算机上运行Linux VM(或者,如果使用Windows,则使用WSL,或者如果必须直接安装,请遵循以下说明:https://www.sitepoint.com/how-to-install-apache-on-windows/)。
  2. 安装Apache(在Ubuntu上安装sudo apt-get install apache2;请参见https://www.digitalocean.com/community/tutorials/how-to-install-the-apache-web-server-on-ubuntu-16-04)。
  3. 将视频放置在/var/www/html之类的目录中或与您的平台等效的目录中(请重新访问前两个链接以获取帮助)。
  4. 配置新服务器以正确提供视频(https://stackoverflow.com/a/13341700)。

第2步:在前端...

  1. 在网页上嵌入指向服务器上的视频(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video)的元素。

一切就绪!

TL; DR:您需要先投放视频,然后再显示它们。如果您想添加更多逻辑,请考虑构建一个Express网络应用。