您现在的位置是：网站首页> 编程资料编程资料

实现简易html视频播放器的方法_HTML/Xhtml_网页制作_

2023-11-13 328人已围观

简介这篇文章主要介绍了实现简易html视频播放器的方法,H5创建视频播放器很简单，您只需要添加一些H5的标签即可创建出炫酷的播放器

本文介绍了实现简易html视频播放器的方法，分享给大家，具体如下：

文件列表

 root@tianshl:/data/video# ls hch.mp4 test.mp4 xyx.mp4 index.html video.list jquery.js

index.html

视频列表

video.list

 # 该目录下的所有MP4文件, 供jQuery解析 root@tianshl:/data/video# ls *.mp4 > video.list

nginx配置

 user root; worker_processes 1; events { worker_connections 1024; } http { include mime.types; sendfile on; keepalive_timeout 65; server { listen 8000; server_name 本机IP; location / { # 前两行是认证(可不加) auth_basic "secret"; auth_basic_user_file /usr/local/nginx/passwd.db; # 路径 root /data/video; # 首页 index index.html; } } }

界面展示

http://localhost:8000

认证

播放器

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：html中表单提交的实现_HTML/Xhtml_网页制作_

下一篇：如何固定表格四周实现表格上下左右滚动 _HTML/Xhtml_网页制作_

您现在的位置是：网站首页> 编程资料编程资料

实现简易html视频播放器的方法_HTML/Xhtml_网页制作_

相关内容

点击排行

本栏推荐

猜你喜欢