如何在视频元素中选择首选来源？

Question

在下面的代码中：

    <video id="video" poster="images/poster.jpg" width="400" height="300" controls >
        <source src="movies/clip.mov" type="video/quicktime">
        <source src="movies/clip.webm" type="video/webm">
        <source src="movies/clip.mp4" type="video/mp4">
        <source src="movies/clip.ogg" type="video/ogg">
        Get the <a href="movies/clip.mp4">MP4 version</a> of the video.
    </video>

如果浏览器支持不止一种我提供的格式怎么办？像webm和mp4一样，会选哪一个？

Answer 1

它们运行按源元素的顺序排列。

https://html.spec.whatwg.org/multipage/media.html#loading-the-media-resource

Answer 2

<source> 元素允许您指定可供浏览器选择的备选视频文件。浏览器将使用第一个识别的格式。

如何在视频元素中选择首选来源？

How is the preferred source chosen in the video element?

html

html5-video