Добавить полноэкранное видео на передний план при загрузке окна

Мне нужна помощь в реализации веб-страницы, которая воспроизводит видео на переднем плане (заполняется 13 секунд), пока веб-страница загружается в фоновом режиме.Добавить полноэкранное видео на передний план при загрузке окна

В идеале я хотел бы воспроизвести видео с помощью YouTube или другого размещенного URL-адреса, так как у нас есть ограничения по пропускной способности, но самостоятельный хостинг также может работать, если альтернативы нет.

я мог бы сделать

<video autoplay loop muted poster="screenshot.jpg" id="background"> 
<source src="/sample-video.mp4" type="video/mp4"> 
</video>

и скрыть его on load, но если у вас есть более элегантное решение, я мог бы реально использовать некоторую помощь.

источник

2016-06-21 Victor Savio Fernandes

У меня нет ответа, но меня беспокоит использование видео в качестве дизайнерского решения. Является ли 13-секундное видео действительно загружаемым быстрее, чем веб-страница? Насколько велика веб-страница, загружающая ее медленнее загрузки видео? – master565

Привет @ master565 страница довольно оптимизирована и всего 2,6 МБ с 50 запросами. Подумайте об этом так, мы хотим, чтобы видео загружалось и воспроизводилось в течение 13 секунд, и как только видео сделано буферизацией, страница может загружаться в кеш браузера. По истечении 13 секунд содержимое исчезает в видео. (Или просто видео скрывается, а контент там мгновенно) Каковы ваши общие соображения по использованию этого подхода? -Скорость –

13 секунд кажется вечностью для загрузки страницы. Я бы построил его, чтобы как можно быстрее поднять базовый контент, а затем следить за видео после загрузки страницы. – TimHayes

Вы можете использовать плагин, такой как bigvideo.js или Vide, чтобы легко добавлять и управлять полноэкранным видеороликом, отображать содержимое вашего сайта под ним и исчезать видео после того, как ваш сайт загружен + видео завершено. Просто не забудьте проверить документы для каждого плагина, чтобы узнать, есть ли видео-события, которые вы можете подключить, чтобы добиться эффекта, который вы ищете.

Что касается загрузки и настройки страницы, я согласен с высказанными выше соображениями; вполне возможно запустить видео, как только появится скрипт и элемент. Если это так, вам нужно убедиться, что ваше видео настолько светлое, насколько возможно. Используйте небольшой предварительный загрузчик или другое уведомление о загрузке, загрузите скрипт видеоигр + и начните играть как можно раньше, а затем запустите другие скрипты и dom.

источник

2016-06-21 19:51:36 DabaloSe7eN

Спасибо @ DabaloSe7eN –

Добавить полноэкранное видео на передний план при загрузке окна

ответ

Смежные вопросы