Video header?

Question

JavaScript

Such a question for site connoisseurs, how best to make a video background in the site header?
Can you advise an implementation example, for example, if possible, using canvas, or even better?

Answer 1

https://codepen.io/dudleystorey/pen/knqyK
https://codepen.io/GusRuss89/pen/bVwNrE

Answer 2

gif. Any autoplay of the video will be hard blocked.

An AudioContext must be created or resumed after the document received a user gesture to enable audio playback.

Answer 3

www.coverr.com