Форум Сайтостроение Веб-строительство

Сделать видео фоном странички.

1234 5
overnight
На сайте с 23.05.2008
Offline
262
overnight
3532

Всем привет.

Я абсолютный лох в этом, помогите, если не трудно.

Задача — сделать видео фоном странички.

Желательно без органов управления и чтобы картинка масштабировалась вместе с браузером.

Изменения пропорций не важны.

Ну и поверх фона написать что-нибудь.

Если не трудно — поподробнее, в сети есть примеры, но с моими кривыми ручонками они работают неправильно. :(

D
На сайте с 09.07.2009
Offline
79
digwnews
#1

Мне в голову приходит только флэш...

TristanVl
На сайте с 17.07.2010
Offline
15
TristanVl
#2
Я абсолютный лох

Хоть что-то осмысленное в этом топике :( а так масштабировать видео файл (в сети чаще flv) будет трудно, да и проблмно и тяжело. лучше закажите флэшку.

PS Если бы меня занесло на такой сайт, я бы его точно запомнил...

чтобы больше никогда на него не заходить

Так вот: окно из стекла и зеркало из стекла. Стоит только добавить немного серебра - и уже видишь только себя.
vedomir
На сайте с 01.07.2004
Offline
167
vedomir
#3

Ну да вариант только один - флешка с видео в нижнем фоне растянутая по ширине экрана.

Но такой сайт будет смотреть ужасно, больше чем на проморолик такое не понятнет.

ТС неужели вы думаете, что кто-то сможет с удобство и удовольствием читать текст на фоне двигающегося видео?

overnight
На сайте с 23.05.2008
Offline
262
overnight
#4
digwnews:
Мне в голову приходит только флэш...

Отлично, без проблем. Поделитесь знаниями?

vedomir:
ТС неужели вы думаете, что кто-то сможет с удобство и удовольствием читать текст на фоне двигающегося видео?
TristanVl:
PS Если бы меня занесло на такой сайт, я бы его точно запомнил...
чтобы больше никогда на него не заходить

Я делаю 404 страничку на домашнем сайте.

overnight добавил 17.10.2010 в 00:42

А чего вас так смущает в полноэкранном видео?

http://www.moravidan.co.il/

http://www.b-een.com/

На мой взгляд вполне имеет право на жизнь...

WebAlt
На сайте с 02.12.2007
Offline
251
WebAlt
#5
overnight:
А чего вас так смущает в полноэкранном видео?
http://www.moravidan.co.il/
http://www.b-een.com/

Ни чего, просто закрыть сразу есть желание.🚬

overnight
На сайте с 23.05.2008
Offline
262
overnight
#6
WebAlt:
Ни чего, просто закрыть сразу есть желание.🚬

Тема не о том, как кто к этому относится, а как это сделать.

Понимаю, есть непреодолимое желание поведать миру о своём отношении ко всему.Но мне, всё же, хочется узнать как это делается, даже не смотря на то, что Вам это не нравится, а не обсудить чего Вы любите.

pikasso
На сайте с 27.01.2008
Offline
150
pikasso
#7
overnight:
А чего вас так смущает в полноэкранном видео?
http://www.moravidan.co.il/
http://www.b-een.com/

На мой взгляд вполне имеет право на жизнь...

ИМХО это ещё хуже фоновой музыки. У меня от 10 секунд просмотра первого сайта аж глаза разболелись (это как читать в метро в час пик, когда тебя все толкают и не можешь никак резкость навести) и появилось очень сильное желание сломать пальцы разработчику этого "сайта" (именно в кавычках) 😡

mff
На сайте с 21.02.2008
Offline
266
mff
#8

overnight, если вас устроит flash - юзайте flash. Всё что вам нужно - это зацикленный видеоролик в формате flv или swf. Растягивайте клип с роликом на весь экран. Сделайте минимальные размеры, прелоадинг. Вобщем ничего сложного. Так же видео фоном можно сделать без flash, на HTML5, но тут я не подскажу как :)

[Удален]
#9
overnight:
Если не трудно — поподробнее, в сети есть примеры, но с моими кривыми ручонками они работают неправильно. :(

видео, как уже писали, запихнуть во флеш.

а потом - дивы.

Пример "поподробнее" :) 

<html>

<head>

</head>

<body>

<div style="left:300px; top:300px; width:200px; height:100px; position:absolute; z-index:2; font-size:18px; color:#ff0000;">

Это текст над видео

</div>

<div style="width:100%; height:100%; position:absolute; z-index:1; background-image:(img.gif);">

<object width="100%" height="100%"><param name="movie" value="http://www.youtube.com/v/6sqO-yA7alg?fs=1&amp;hl=ru_RU"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6sqO-yA7alg?fs=1&amp;hl=ru_RU" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="100%" height="100%"></embed></object>

</div>

</body>

</html>

P.S. Важно добавить к ролику параметр wmode="opaque". Иначе перекрыть слоем флешку не получится.

mff
На сайте с 21.02.2008
Offline
266
mff
#10
KuZm!cH:
Важно добавить к ролику параметр wmode="opaque"

Это да, но можно текст и во флешку грузить.

1234 5

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий