如何解决浏览器打开HTML文件时提示“没有找到支持的视频格式和MIME类型”的问题？

苏小简

于 2024-07-04 00:19:57 发布

阅读量3.8k

点赞数 5

文章标签： html 前端 postman

本文链接：https://blog.youkuaiyun.com/tuzajun/article/details/140165432

版权

确保使用受支持的视频格式
- 常见的浏览器通常支持以下视频格式：
  - MP4（MPEG-4）: .mp4，MIME类型 video/mp4
  - WebM: .webm，MIME类型 video/webm
  - Ogg: .ogv，MIME类型 video/ogg

检查HTML文件中的视频标签

确保使用正确的HTML标签和属性来嵌入视频。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Video Example</title>
</head>
<body>
    <video controls>
        <source src="video.mp4" type="video/mp4">
        <source src="video.webm" type="video/webm">
        <source src="video.ogv" type="video/ogg">
        您的浏览器不支持HTML5视频。
    </video>
</body>
</html>

确保服务器返回正确的MIME类型
- 如果视频文件通过服务器提供，确保服务器返回正确的MIME类型。
在Apache服务器中设置MIME类型：
- 编辑.htaccess文件，添加以下内容：
```
AddType video/mp4 .mp4
AddType video/webm .webm
AddType video/ogg .ogv
```
在Nginx服务器中设置MIME类型：
- 编辑nginx.conf或相应的配置文件，添加以下内容：
```
types {
    video/mp4 mp4;
    video/webm webm;
    video/ogg ogv;
}
```

转换视频格式

如果视频格式不被支持，可以使用视频转换工具将视频转换为受支持的格式。

使用FFmpeg转换视频格式：

# 转换为MP4格式
ffmpeg -i input.avi -c:v libx264 -c:a aac output.mp4

# 转换为WebM格式
ffmpeg -i input.avi -c:v libvpx -c:a libvorbis output.webm

# 转换为Ogg格式
ffmpeg -i input.avi -c:v libtheora -c:a libvorbis output.ogv

检查浏览器支持情况
- 不同浏览器对视频格式的支持情况可能有所不同，确保视频格式在目标浏览器中受支持。
浏览器支持情况：
- MP4：大多数现代浏览器（Chrome、Firefox、Safari、Edge）
- WebM：Chrome、Firefox、Opera
- Ogg：Chrome、Firefox、Opera