Видео в шапке сайта?

Question

[SEOWEB]

Такой вопрос к знатокам сайта, как лучше сделать видео фон в header сайта?
Можете посоветовать пример реализации, к примеру, если возможно, с помощью canvas или вообще как лучше?

Answer 1

[Антон Спирин]

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

Comments

[SEOWEB]

есть ли решение с помощью canvas?

[Антон Спирин]

SEOWEB, не надо canvas. Зачем вам это?

Answer 2

[profesor08]

gif. Любое автовоспроизведение видео будет жестко заблочено.

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

Comments

[SEOWEB]

ukr-bochka.com не блочит, даже на моб. работает нормально, но они использовали другой способ, мне хотелось бы увидеть пример работы с canvas, на каком-то сайте видел, но не помню на каком именно!

[profesor08]

Там много нюансов, во первых это с ютюба (гугл не блочит себя), во вторых в видео нет звука, в третьих оно должно быть коротким, должно мало весить, должно, должно, должно. И это актуально только для хрома, у других браузеров - другие требования. Сафари, как не проси, может послать на три буквы.

Единственно верный вариант, это ставить заглушку либо гифку, и ждать какого-то ввода от пользователя, и вот только тогда можно стартовать воспроизведение.

Answer 3

[Lumore]

www.coverr.co