Как показать видео ролик перед загрузкой страницы?

Question

[simonnidze]

Есть ролик в формате mp4 Full Hd. Не проблема переделать его в любой другой формат.
Задача следующая:
при открытии главной страницы показать этот ролик пользователю на любом устройстве (проверить стоит ли кука и принять решение запускать ли скрипт я смогу, было бы что запускать)
главное, чтобы после просмотра ролика осуществился переход на страницу или сокрытие контейнера с видео контентом, как это лучше сделать? Возможно есть полу-готовые решения?
Ключевой момент:
перед просмотром данного ролика не должно быть рекламы, так и на самом ролике не должно быть рекламы, как например в варианте с YouTube.

В данный момент рассматриваю вариант https://flowplayer.org буду тестить.
Надеюсь на ваш опыт! Заранее спасибо!!!

Answer 1

[Игорь Морев]

Можно сделать через HTML5 video. Наложить сверху блок и делать callback с кодом для скрытия блока по завершению проигрывания видео. К тому же так проще сделать аддаптивность под мобильные.

Также можно через iframe подгружать видео с youtube/vimeo и также делать callback, но будет больше проблем с аддаптивностью, iframe хуже поддаётся. Тут есть решение https://css-tricks.com/NetMag/FluidWidthVideo/Arti...

Первый вариант как по мне более практичен.

p.s. Мне кажется такие вещи лучше делать без подключения скриптов.)

Answer 2

[Иван]

Fancybox.