html - 视频源类型标签是可选的吗？如果是我应该将 src 内联而不是嵌套吗？

Question

我正在使用以下内容来显示视频播放器:

<video id="VideoPlayer816" controls="true" >    
    <source src="me-breaking-dancing-naked-covered-in-peanut-butter-and-jelly-num-33.mp4">
</video>

我必须把 type="video/mp4"在 source标签？使用之前的代码，它在 Firefox 中运行良好。

我不确定我是否每次都使用相同的视频类型，所以我不想对其进行硬编码或正则表达式扩展*，如果浏览器可以弄清楚如果我不包含它。

根据caniuse所有浏览器都支持h264mp4类型， http://caniuse.com/#feat=mpeg4 .

我可以安全地去掉 type 标签，还是应该将 src 内联，因为我宁愿让浏览器为我找出类型？

*扩展有很多问题，有时没有，有时是不正确的。一些专业软件完全忽略扩展类型并使用文件头。

如果我无法控制视频的名称和扩展名，我宁愿相信浏览器来确定视频类型。提示:用户将能够从他们的手机或笔记本电脑上传快速藤蔓类型的视频。

Answer 1

根据WHATWG HTML Living Standard :

The type attribute gives the type of the media resource, to help the user agent determine if it can play this media resource before fetching it. If specified, its value must be a valid MIME type.

换句话说: type属性是可选的。如果指定，其目的是帮助浏览器确定资源是否可以播放。

指定 type (就此而言 source )在处理多个来源时最有意义。例如:

<video>
  <source src="foo.webm" type="video/webm">
  <source src="foo.ogg" type="video/ogg"> 
</video>

如果浏览器支持 ogg但不支持 webm那么浏览器甚至不会从 foo.webm 请求一个字节.相反，它会请求 foo.ogg马上。这至少可以节省一个 HTTP 请求并显着缩短加载时间。

如果只有一个 source然后省略 type (或使用 MediaElement src attribute )更有意义并避免可能的错误 type值。恕我直言，唯一指定的点 type在这种情况下是为了加快检测不受支持的来源。例如:

<video>
  <source src="foo.ogg" type="video/ogg"> 
  Ogg not supported
</video>

理论上，如果浏览器不支持 ogg它应该显示 Ogg not supported立即无需请求 foo.ogg .例如，如果您正在实现闪存回退，这可能会派上用场。