Как вставить видео с прозрачностью (webm с альфа каналом) на сайт?

Question

[Ксения Тимошенко]

Всем привет.
Подскажите, каким образом можно вставить видео с прозрачностью (webm с альфа каналом) на сайт.
Сейчас получается только так что, прозрачности нет, черный фон только показывается

Answer 1

[SagePtr]

Через тэг video, как обычно. У меня всё прекрасно работает, может быть, ваш файл видео не содержит альфа-канала?

Comments

[Ксения Тимошенко]

<video id="test-video" class="video" loop="loop" autoplay="" muted="">
            <source src="<?php echo esc_url( get_template_directory_uri() ); ?>/video/v1.webm" type="video/webm">
        </video>

вставляю вот так, получаю черный фон

а mov формат как можно вставить?

<video id="test-video" class="video" loop="loop" autoplay="" muted="">
            <source src="<?php echo esc_url( get_template_directory_uri() ); ?>/video/v1.mov" type="video/mp4">
        </video>

так не работает

[SagePtr]

Ксения Тимошенко, у меня в Хроме и Файрфоксе всё работает нормально:

За mov не скажу, не уверен, что этот формат вообще поддерживают какие-либо браузеры кроме смердячего псафари.

Answer 2

[Сергей Соколов]

использовать кодеки VP9 для Chrome и HEVC для Apple / Safari:

<video width="600" height="100%" autoplay loop muted playsinline>
    <source src="movie-hevc.mov" type='video/mp4; codecs="hvc1"'>
    <source src="movie-webm.webm" type="video/webm">
</video>