How to embed a video with transparency (webm with alpha channel) on a website?

Question

HTML

Hello.
Tell me how you can insert a video with transparency (webm with alpha channel) on the site.
Now it only turns out that there is no transparency, the black background is only shown

Answer 1

Through the video tag, as usual. Everything works fine for me, maybe your video file does not contain an alpha channel?

Answer 2

use VP9 codecs for Chrome and HEVC for 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>