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

标签 html html5-video

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

<source src='url' type='mime/type; codec="codec-name"' />

type 属性的 MIME 类型及其对应的有效编解码器属性值的完整列表在哪里?

最佳答案

有一个很棒的list of MIME types and their browser support along with the codecs at WHATWG Wiki .

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

  • WebM: 音频/webm,视频/webm
  • OGG:应用程序/ogg、音频/oggm、视频/ogg
  • H.264 或 MP4: 音频/mp4m、视频/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 级别。我上面列出的是常见的,但不是唯一可能的。

关于html - 带有 HTML5 源属性编解码器的 MIME 类型的完整列表在哪里?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5672833/

相关文章:

html - 选择内部 flex 元素时,文本选择背景在 Safari 中变得不可见

html - 子元素的 ID 选择器

javascript - 寻找使用 HTML 5 和 Webvtt 与文档进行视频同步的想法

streaming - IIS 是否可以与 html5 播放器流畅地进行流媒体工作

node.js - 跨设备编码静态文件以使用 FFMPEG 在浏览器中流式传输(分段的 h264?)

javascript - 如何在java脚本中单击后将带有<i>元素的<li>元素添加到<ul>

jquery - 使用 JQuery 添加图像标题

css - 如何在 css 中更好地过渡 <video> 背景

javascript - 哪些字节的视频数据是指当前播放位置

android - 如何在 Chrome 中将网站 Logo 设置为 Android 中的书签图标?