服务器环境

Ubuntu 18.04 + nginx 1.14.0。完整的环境如下。

$ lsb_release -a
No LSB modules are available.
Distributor ID: Ubuntu
Description:    Ubuntu 18.04.5 LTS
Release:    18.04
Codename:   bionic
$ nginx -v
nginx version: nginx/1.14.0 (Ubuntu)

Nginx

安装 Nginx 服务

如果已经安装 Nginx 可以跳过本步骤。如果没有，请使用以下命令：

sudo apt install nginx

添加 Nginx 组件

sudo apt install nginx-extras

配置 Nginx

$ sudo vi /etc/nginx/sites-enabled/default

在 server 配置加增加如下：

        location ~ \.mp4 {root /data/movie;mp4;}location ~ \.flv {root /data/movie;flv;}

注意：root 表示对应的跟目录位置。

然后保存配置。

验证配置

$ sudo nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

这样测试说明 nginx 配置是正确的。

重启启动 nginx 服务

$ sudo service nginx restart

验证

下面就是见证奇迹。我在 /data/movie 目录下有如下文件。

$ ls -al /data/movie/
total 85512
drwxr-xr-x 2 www-data www-data     4096 Mar  6  2020 .
drwxr-xr-x 7 root     root         4096 Oct 30 12:47 ..
-rw-rw-r-- 1 ubuntu   ubuntu   56532559 Mar  6  2020 Python3.mode1.mp4
-rw-rw-r-- 1 ubuntu   ubuntu   14278520 Mar  6  2020 Python3.mode2.mp4
-rw-rw-r-- 1 ubuntu   ubuntu   16740845 Mar  6  2020 Python3.mode3.mp4

打开浏览器，输入对应的 IP 地址，加上需要播放的 mp4 文件。如下图：

这样就可以正确播放出 MP4 文件了。

错误可能

浏览器有下载插件或者软件

最大的可能是你的浏览器上增加了自动下载功能。比如我用的 Firefox 有 IDM 插件，直接打开上面的 MP4 文件，就给 IDM 拦截了，开始自动下载功能。如下图。

解决方法：换浏览器，或者关闭 IDM 插件。

云主机没有打开对应的端口

这个问题在浏览器的显示应该是找不到网页。请确认云主机是否打开配置端口。

验证平台

本方法已经在：阿里云主机、腾讯云主机和 Win10+WSL2 机器上测试过。

使用 Nginx 服务器配置 flv、mp4，可以直接浏览器播放相关推荐

网易视频云：用Nginx搭建flv,mp4,hls流媒体服务
网易视频云是网易倾力打造的一款基于云计算的分布式多媒体处理集群和专业音视频技术,提供稳定流畅.低时延.高并发的视频直播.录制.存储.转码及点播等音视频的PAAS服务,在线教育.远程医疗.娱乐秀场.在线 ...
【nginx http flv 】ATC追踪：播放器拉流的调用堆栈及时间戳打印1
nginx rtmp flv 模块应该没有atc模式,跟踪下代码看看. obs rtmp 推流给 nginx vlc 从nginx 拉流播放启用GOP 打印调用堆栈打印时间戳 http flv 请 ...
html5播放mp4不见画面,浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法（精）...
做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面. 反复测试,多个浏览器均出现此问题.刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是m ...
nginx+ffmpeg+flv实现rtsp转rtmp和flv推流（同时拉流）实现浏览器展示监控
介绍因本人公司业务需要浏览器展示海康威视监控视频,所以在此记录一下.以防下次使用不记得.此监控视频解决方案有10s左右的延迟,如果公司没有强制要求还是可以使用的.如果介意10s延迟的话可以使用第三方 ...
Nginx搭建flv视频点播服务器
Nginx搭建flv视频点播服务器前一段时间使用Nginx搭建的多媒体服务器只能在缓冲过的时间区域内拖放, 而不能拖放到未缓冲的地方. 这就带来了一个问题: 如果视频限速的速率很小, 那么客户端观看 ...
从一份配置清单详解Nginx服务器配置
概述在前面<Nginx服务器开箱体验> 一文中我们从开箱到体验,感受了一下Nginx服务器的魅力.Nginx是轻量级的高性能Web服务器,提供了诸如HTTP代理和反向代理.负载均衡.缓存 ...
nginx安装-添加MP4播放模块
nginx安装很简单,但是有的时候是已经安装的nginx ,升级增加nginx 模块功能. 最近公司要nginx增加一个可以播放 MP4的模块,安装还算顺利,不说废话上命令. 1 安装依赖 yum i ...
ffplay flv mp4 转_C#调用FFmpeg将flv视频格式转换成mp4格式
代码分享:using System; using System.Collections.Generic; using System.Diagnostics; using System.IO; usin ...
转换MP4后浏览器播放只有声音没有图像的问题
这边想要的是对上传COS的视频在浏览器中直接播放但是对于MOV的格式浏览器是没法分段请求播放的所以这边首先想的解决方案是把mov格式直接后台转换成MP4格式这个方案就导致了如题所示的问题转换部 ...
nginx阻挡flv视频文件上传解决方案
[b]问题[/b]:nginx阻挡flv上传上传flv视遇到出现IO 错误,尝试使用ip直接访问页面上传,可以成功 [b]解决方法:[/b] 一. 重新编译nginx,添加upload模块 1. 拷 ...

使用 Nginx 服务器配置 flv、mp4，可以直接浏览器播放