如何在HTML5视频源类型属性中指定HEVC编解码器？

Question

我想加载和播放一个更小的HEVC编码的视频在网页浏览器上，并支持它。

我在Safari 11 (macOS 10.13)上使用了这段代码，它支持HEVC格式。

<video muted playsinline autoplay>
    <source src="clip.webm" type="video/webm; codecs=vp9">
    <source src="clip-hevc.mp4" type="video/mp4; codecs=hevc">
    <source src="clip.mp4" type="video/mp4; codecs=avc1">
    <p>Video not supported</p>
</video>

在网络检查器>网络面板中，我看到Safari同时加载了clip.mp4和clip-hevc.mp4。如果我检查视频元素，我会看到clip.mp4正在播放，而不是clip-hevc.mp4。我在iOS 11上也看到了同样的情况。

当我对我指定的类型调用HTMLMediaElement.canPlayType()时，我得到

• maybe on video/mp4; codecs=hevc
• probably on video/mp4; codecs=avc1
• 我所见过的HEVC编解码器的变体(例如，hvc1、hev1)没有任何变化。

还有一点我注意到了:当我删除clip.mp4选项时，clip-hevc.mp4下载并播放得很好！

如何确保浏览器中只有最受支持的MP4变体下载和播放？

Answer 1

在iOS14 type="video/mp4; codecs=hevc"中发现的FYI不再工作了。type="video/mp4"和type="video/mp4; codecs=hvc1"

​