null

Video Background – полностью адаптивный видео бекграунд (работающий из вложенного div)

Так как я в основном делаю проекты на King Composer’e для меня важен видео бэкграунд, но к сожалению на данный момент плагин поддерживает в качестве источника видео только сервис YouTube, что весьма грустно.

Для того чтобы добавить свой источник (в том числе и локальную медиатеку) пришлось немного поизвращаться. В итоге получился практически универсальный вариант, который придет на помошь при создании сайтов как при помощи всякого рода строителей, так и при помощи написания сайтов на чистом коде.

Данный код можно вставлять в родительский блок, и он будет делать свою работу (отображать видео в бекграунде), конечно у каждого проекта свои стили но думаю мой код для начала работы будет вполне хорошим фундаментом.

Код:


Пример куда вставлять при использовании в KingComposer:

Отдельное спасибо данной статье:

https://iandevlin.com/blog/2013/03/html5/html5-video-and-background-images/

Так же стоит взять на заметку данное решение:

http://jsfiddle.net/kNMnr/

Html


CSS

 

Все элементы должны быть relative

Video Background – полностью адаптивный видео бекграунд (работающий из вложенного div)
5 (100%)
Всего проголосовало: 1