Как вставить видео как фон для текста?

Question

[Narbek]

Добился прозрачного текста поверх картинки, но через background как вставить видео как фон для текста?

Comments

[Tim]

выключаешь звук у видео и будет оно фоном

[RAX7]

https://codepen.io/dudleystorey/pen/QvvEYQ

Answer 1

[Spaceoddity]

Не очень понятно что надо... Но думаю надо копать в сторону background-clip:text

Comments

[yavaskript]

чтобы в буквах проигрывалось видео - будто смотрят сквозь буквы

[Spaceoddity]

yavaskript,
https://codepen.io/nantohome/pen/WNrMbmP

[yavaskript]

Spaceoddity, вау! мне нравится :) надеюсь, автору вопроса тоже

Answer 2

[Moon Presence]

Использовать видео в качестве бекграунда слишком избыточно и возможно неудобно, потому что:

1. Видео может иметь большой объём.
2. Прежде чем видео прогрузится, нужно будет ставить заглушку, которую нужно будет убирать.
3. Увеличивается количество кода, верстки и телодвижений.
4. Многие способы добавления видео в качестве бекграунда для текста - не совсем адекватные.

В общем-то можно пойти простым путём. Сначала нужно подготовить видео которое будет использоваться для бекграунда, далее нарезать его, сжать, сконвертировать в GIF и с помощью background-clip: text вставить как фон для текста: