HTML5视频：使用源元素比src属性有什么好处

Question

根据HTML5视频元素上的MDN documentation，src属性是可选的：

  

src：要嵌入的视频的网址。这是可选的;您可以改为使用视频块中的<source>元素来指定要嵌入的视频。

使用<source>作为一种方法有没有更好或更差的原因？或者它实际上只是一种不同的方式吗？

Answer 1

如果您想拥有不同的来源，则需要使用源标记来声明它们。使用src属性无法做到这一点。

  

要使其在所有浏览器中都有效 - 请在其中使用<source>元素   <video>元素。 <source>个元素可以链接到不同的视频文件。   浏览器将使用第一种可识别的格式：

     

Sic W3school

Answer 2

如果您有多个源文件（不能有两个src属性），则需要源标记。通常，您应该至少拥有每个文件的.mp3和.ogg版本，以确保与所有浏览器兼容，因此实际上，您确实需要该源代码。

Answer 3

source元素允许您仅使用HTML定义不同的格式。如果第一个源无法读取，浏览器将尝试下一个源，依此类推。

使用src属性，您只有一次拍摄 - 也就是说，如果在HTML中使用。

使用JavaScript，您可以将src属性与canPlayType() method结合使用，以确定是否可以播放某种格式，如果该调用的结果为非空，则设置src使用表示该类型文件的链接。这为您提供了多种条件场景，而不是从html中的预定义源获得的场景。