带有HTML5源属性编解码器的MIME类型的完整列表在哪里?

HEL*_*ELP 11 html5 html5-video

HTML 5 source元素有一个src和一个type属性,如下所示:

<source src='url' type='mime/type; codec="codec-name"' />
Run Code Online (Sandbox Code Playgroud)

哪个是type属性的MIME类型的完整列表,以及它们对应的有效编解码器属性值?

小智 8

有很多MIME类型及其浏览器支持以及WHATWG Wiki上的编解码器.

HTML5视频使用和支持的最常见编解码器是:

  • WebM: audio/webm,video/webm
  • OGG: application/ogg,audio/oggm,video/ogg
  • H.264或MP4: audio/mp4m,video/mp4

因此,您可以将<source>视频设置为:

  • <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"'>
  • <source src="video.webm" type='video/webm; codecs="vp8, vorbis"'>
  • <source src="video.mp4" type='video/mp4; codecs="vc1.42E01E, mp4a.40.2"'>

正如您所看到的,MP4是最棘手的,因为您必须知道您正在使用哪种编解码器以及视频流的AVC级别.我上面列出的那个是常见的,但不是唯一可能的.

  • 詹妮弗,你真的应该为你的源选项给予diveintohtml5.org适当的荣誉——你基本上是复制和粘贴的,只是改变了文件名。除非您的名字是 Mark Pilgrim,否则这几乎是抄袭。 (2认同)
  • @Dane:这些字符串可以从任何地方复制,而不仅仅是 http://diveintohtml5.org/video.html。例如,查看 Jennifer 链接的页面,它们也包含这些类型字符串。 (2认同)