Я хочу загрузить и воспроизвести видео в формате 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>
В Web Inspector> Network Panel я вижу, что Safari загружает и clip.mp4
, и clip-hevc.mp4
. Если я проверю видеоэлемент, я вижу, что играет clip.mp4
, а не clip-hevc.mp4
. Я вижу то же самое на iOS 11.
Когда я вызываю HTMLMediaElement.canPlayType()
для указанных мной типов, я получать
maybe
onvideo/mp4; codecs=hevc
probably
onvideo/mp4; codecs=avc1
- Ничего о вариантах кодека HEVC, которые я видел (например,
hvc1
,hev1
)
Я заметил еще кое-что: когда я удаляю параметр clip.mp4
, clip-hevc.mp4
загружается и играет нормально!
Как я могу убедиться, что в браузере загружается и воспроизводится только лучший поддерживаемый вариант MP4?