使用 HTML5 视频标签播放视频

Posted 2023-05-07

【中文标题】使用 HTML5 视频标签播放视频

【英文标题】：Play video using HTML5 video tag

【发布时间】：2014-02-10 19:52:25

【问题描述】：

您好，我需要在所有使用 html5 的浏览器中显示视频。

我正在上传文件并创建html结构，它只播放mp4格式的视频，而不是其他上传的格式，我使用命令行转换文件，但转换后的文件不在视频标签中播放。

对于转换，我使用 ffmpeg 视频从 1 转换为 webm 格式。转换有效，但视频不播放。

请找我ffmpeg代码，它将所有视频转换为webm，这样我就可以使用html5播放转换后的视频了。

【参考方案1】：

嗯，http://caniuse.com/webm 有一些关于哪些浏览器可以使用 webm 的明确信息。我不同意 mp4 和 ogv -> 应该是 mp4 和 webm。

<video   controls>
 <source src="movie.webm" type="video/webm">
</video>

这里是命令行。

ffmpeg -i movie.mov -c:v libvpx -g 52 -b:v 4000k \ 
-maxrate 4000k -bufsize 8000k -force_key_frames 00:00:00.000 \
-f webm -c:a libvorbis -b:a 128k movie.webm

【讨论】：

感谢您的回复，我使用了您的上述代码并在命令提示符下执行，但出现此错误。 ffmpeg：无法识别的选项'-c：v'

那么您可能使用的是旧版本的 ffmpeg。试试这个：ffmpeg -i movie.mov -vcodec libvpx -acodec libvorbis -f webm movie.webm

非常感谢您的回复，但是当我执行您的代码时，我得到了这个错误。 “未知的输入或输出格式：webm”当m使用代码时这是什么意思： - ffmpeg -i input.mp4 -vcodec libvpx -acodec libvorbis -f webm output.webm

如果我们从 mp4 转换为 webm，谁能告诉我正确的输出格式应该是什么，如果我使用 .web，它会说输出格式无效。

表示你的ffmpeg版本没有用libvpx编译。

【参考方案2】：

我认为最好的选择，使用 2 种类型的视频。 Ogg 和 mp4

所以在所有浏览器中它都可以工作

例子：

<video   controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

你可以看看link