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

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

1 234 5
overnight
На сайте с 23.05.2008
Offline
262
overnight
#21
DeveloperRu:
+1... желания вернуться на этот сайт не возникло

Мне без разницы какие у Вас желания. И тема не об этом. Зачем Вы это тут пишете?

Есть курилка — флудте там. Если по теме сказать нечего — зачем писать?

overnight добавил 17.10.2010 в 17:19

Olldman:
Видите ли, в css прописываются пара - свойство:значение; - там нет знаков =.
Кстати, элемент embed давно отнесен в разряд нерекомендуемых к использованию, пользуйте object, если вам конечно валидность не чужда.

Я оставил ваш вариант, но в опере появляется полоса прокрутки, вертикальная или горизонтальная.

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#22

Какой Оперой вы смотрите? Я проверяю: Opera 10.63, 9.64, Google Chrome, Safari, Ишак №7, Firefox 3.6.10 - ни в одном нет прокрутки. .. иначе я не стал бы отписываться :)

overnight
На сайте с 23.05.2008
Offline
262
overnight
#23
Olldman:
Какой Оперой вы смотрите?

10.63

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#24

Странно, у меня полос прокрутки нет. Хорошо, попробуйте валидный вариант, проверен на всех браузерах, что указал в прошлом посте 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Untitled Document</title>

<link rel="stylesheet" href="css/style.css" type="text/css">

</head>

<body>

<div class="text">

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

</div>

<object type="application/x-shockwave-flash" data="http://nailya.ru/cry.swf">

<param name="allowFullScreen" value="true">

<param name="allowscriptaccess" value="always">

<param name="movie" value="http://nailya.ru/cry.swf">

<param name="wmode" value="transparent">

</object>

</body>

</html>

*{margin:0px;padding:0px;border:none;outline:none;}

html{height:100%;}

body{width:100%;height:100%;position:relative;font-family: Verdana, Arial;}

.text{left:300px;top:300px;width:700px;height:100px;position:absolute;font-size:50px;color:#ff0000;z-index:2;}

object{width:100%;height:100%;position:absolute;z-index:1;}
overnight
На сайте с 23.05.2008
Offline
262
overnight
#25

Olldman, в опере прокрутка пропала, появилась в восьмом эксплорере. :)

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#26

Попробуйте поставить в object position:fixed; у меня нет 8-го осла, проверить не смогу.

overnight
На сайте с 23.05.2008
Offline
262
overnight
#27
Olldman:
Попробуйте поставить в object position:fixed;

Вроде везде пропала. Спасибо. :)

Вот что в итоге получилось:

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div class="text">
Это текст над видео
</div>
<object type="application/x-shockwave-flash" data="http://nailya.ru/cry.swf">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<param name="movie" value="http://nailya.ru/cry.swf">
<param name="wmode" value="transparent">
</object>
</body>
</html>

style.css

*{margin:0px;padding:0px;border:none;outline:none;}
html{height:100%;}
body{width:100%;height:100%;position:relative;font-family: Verdana, Arial;}
.text{left:300px;top:300px;width:700px;height:100px;position:absolute;font-size:50px;color:#ff0000;z-index:2;}
object{width:100%;height:100%;position:fixed;z-index:1;}

Осталось с резиновостью флеша разобраться...

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

Резиновый флэш сделать, это 5 минут работы. Смотрите мой первый сайт в подписи (icq4.net). Если не найдете решений, я вам подкину код на AS2.

vedomir
На сайте с 01.07.2004
Offline
167
vedomir
#29
overnight:
Отлично, без проблем. Поделитесь знаниями?



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

overnight добавил 17.10.2010 в 00:42
А чего вас так смущает в полноэкранном видео?
http://www.moravidan.co.il/
http://www.b-een.com/

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

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

Интернет у меня не дохлый, комп тоже. Думаю отзывы у среднестатистических пользователей будут еще гневнее и отрицательнее. Интернет еще не готов к таким страничкам 404 :) Хотя они конечно имеют право быть, вместе с Вашим мнением.

Как менять url без Упал доход Новая модель монетизации для
mff
На сайте с 21.02.2008
Offline
266
mff
#30

vedomir,

vedomir:
Да, но грузится чудовищно долго
А на что прелоадеры люди делают?
vedomir:
плюс квадратики побеждают

+1

vedomir:
а тру-HD

Да там просто видео тянется на весь экран, на самом деле 600 пикселей где-то по ширине.

vedomir:
у многих и компы не потянут

Если на AS правильно кодить - никаких нагрузок не будет.

vedomir:
отзывы у среднестатистических пользователей будут еще гневнее и отрицательнее

Есть такие грядки людей :)

vedomir:
Интернет еще не готов к таким страничкам 404

350 килобайт зацикленного видео интернет не готов загрузить пользователю?

1 234 5

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