Можно ли вставлять video тег внутрь h1?

Question

[DIVSIDE]

Можно ли вставлять video тег внутрь h1, как например span?
Хочу вместо заголовка смонтировать и поставить видео, чтобы слова с эффектами менялись и тд. Например как тут. (осторожно, звук на макс.)
Но при этом и хочу сохранить текст для роботов.

Пример:

<h1 class="h1-title">
 <video muted autoplay loop playsinline src="video/video.mp4"></video>
<span class="h1-title__span">Заголовок</span>
</h1>

.h1-title {
position: relative;
}

.h1-title__span {
position: absolute;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
}

Comments

[Михаил Лялин]

"слова с эффектами" = а так ли тут нужно видео: есть же CSS эффекты, карусели и т.п.

[DIVSIDE]

Сразу видно что ссылку "как тут" не смотрели

[Refguser]

DIVSIDE, ну я пытался посмотреть - скачал 50мб и 47 сек чёрного экрана... Файл там кривой какой-то. Лучше бы дал ссылки не кино, а на страницу, откуда ты его выдрал.

[DIVSIDE]

Refguser, кривой тут ты друг. Там все работает, и качать ничего не надо

[DIVSIDE]

Refguser, Смотри как просто - https://i.gyazo.com/34310ee79fe8a1579352ea980ccc05...
Хотя боюсь и это у тебя не откроется.

скачал 50мб и 47 сек чёрного экрана

И этот человек пытался ответить что-то на тему разработки? А слово "буферизация" тебе ни о чём не говорит?

[Refguser]

DIVSIDE, ты даже не в состоянии понять, что я не только пытался посмотреть в браузере, но даже СКАЧАЛ его.

Но ты продолжай спорить и хамить - это очень помогает получать помощь

[DIVSIDE]

Refguser, О чем я и говорю. Ты винампом попробуй еще :D

[Refguser]

DIVSIDE, говори дальше. Это же не думать...

Answer 1

[Алексей Уколов]

Согласно спецификации - можно.
С точки зрения SEO - никто не знает точно может ли это как-то повредить. Я бы, наверное, не скрывал текст через opacity, а прятал его за блоком с видео. Но хорошего решения тут нет.

Comments

[DIVSIDE]

Да SEO по сути одна большая мистика) спасибо