-
确保使用受支持的视频格式
- 常见的浏览器通常支持以下视频格式：
- MP4（MPEG-4）:
.mp4，MIME类型video/mp4 - WebM:
.webm，MIME类型video/webm - Ogg:
.ogv，MIME类型video/ogg
- MP4（MPEG-4）:
- 常见的浏览器通常支持以下视频格式：
-
检查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
通过确保使用受支持的视频格式和正确的MIME类型，可以解决浏览器打开HTML文件时提示“没有找到支持的视频格式和MIME类型”的问题。使用正确的HTML标签嵌入视频、配置服务器MIME类型以及转换视频格式是解决此问题的有效方法。
