使用HTML5视频标记播放视频

时间:2014-01-21 09:45:22

标签: html html5 video ffmpeg

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

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

对于转换,我使用ffmpeg视频转换从一种格式转换为webm格式。转换工作,但viedos不播放。

请找我ffmpeg代码,将所有视频转换为webm,以便我可以使用html5播放转换后的视频。

2 个答案:

答案 0 :(得分:0)

我认为最佳选择,使用2种类型的视频。 Oggmp4

所以在所有浏览器中都可以使用

示例:

<video width="320" height="240" 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

答案 1 :(得分:0)

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

<video width="320" height="240" 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