>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Изменить фон сайта на видео заставку

голоса: 0

Помогите сменить фон сайта на видео !!

Вот код для вызова видео

	<video id="video" width="auto" height="auto" autoplay="autoplay" loop="loop" preload="auto">
		<source src="http://it-programmer.ucoz.com/compilation.webm" type="video/webm"></source>
	</video>

помогите задать стили, чтобы видео было вместо фон сайта ))

заранее спс !!

Адрес сайта http://it-programmer.ucoz.com/
| Автор: | Категория: Дизайн сайта

Ответов: 2

голоса: 0
 
Лучший ответ

Перейдите в Панель управления - Главная - Дизайн - Управление дизайном - Страницы сайта или любой другой модуль, далее найдите тег <body> после которого установите ваш код:

<video id="video" preload="auto" autoplay="true" loop="loop">
<source  src="/compilation.webm" type='video/webm'>
</video>

если вариант выше не заработает, пропишите без слеша перед название файла видео:

<video id="video" preload="auto" autoplay="true" loop="loop">
<source  src="compilation.webm" type='video/webm'>
</video>

в стили добавьте:

#video {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -999;
overflow: hidden;
}

этого будет достаточно.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Не получилось (((

Заранее Спасибо!

| Автор:
Access Denied,
не пишите не получилось удалив код, установите после отпишитесь не удаляя
| Автор:
Вот посмотрите !!!  :)
| Автор:
Access Denied,

Все проверил, стили выше немного не корректны, замените их на следующие:

#video {
position: fixed;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -999;
overflow: hidden;
}

после будет работать как положено.

| Автор:
голоса: 0
Это очень сильная нагрузка на сайт, делая так вставку видео, конвертните видео в gif формат,
и поместите его сюда - background: url("http://it-programmer.ucoz.com/templates/Red/images/bg.png") 50% 0px no-repeat #403A43;
вместо bg.png

.headpic {
background: url("http://it-programmer.ucoz.com/templates/Red/images/bg.png") 50% 0px no-repeat #403A43;
position: relative;
}
| Автор:
...