Попробуйте убрать полосы прокрутки во всех браузерах - Веб-строительство

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

overnight · 2010-10-16T18:28:15.0000000Z

Всем привет. Я абсолютный лох в этом, помогите, если не трудно. Задача сделать видео фоном странички. Желательно без органов управления и чтобы картинка масштабировалась вместе с браузером. Изменения пропорций не важны. Ну и поверх фона написать что-нибудь. Если не трудно поподробнее, в сети есть примеры, но с моими кривыми ручонками они работают неправильно. :(

262

overnight

16 октября 2010, 22:14

#11

KuZm!cH, спасибо, добрый человек. 😆

Оно работает. 🙄

А вот такой вопрос, вот видео: http://nailya.ru/

Вот содержимое странички:

<!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>

</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;">

<object width="100%" height="100%"><param name="movie" value="cry.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="cry.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="100%" height="100%"></embed></object>

</div>

</body>

</html>

Как мне убрать полосы прокрутки?

И можно ли растянуть его на весь экран? Пусть пропорции изменятся, это не важно.

Не могу убрать полосы YandexSomething и YandexBlog индексируют, Использование одних скриптов для

79

Olldman

17 октября 2010, 05:29

#12

Обнулите изначально отступы, задайте высоту элементам html, body, ширину body

263

rtyug

17 октября 2010, 05:31

#13

gif? .

Спалил тему: Pokerstars вывод WMZ, etc на VISA 0% или SWIFT + Конверт USD/GBP,etc (net profit $0,5 млрд) (https://minfin.com.ua/blogs/94589307/115366/) Monobank - 50₴ на счет при рег. тут (https://clck.ru/DLX4r) | Номер SIP АТС Москва 7(495) - 0Ꝑ, 8(800) - 800Ꝑ/0Ꝑ (http://goo.gl/XOrCSn)

[Удален]

17 октября 2010, 05:43

#14

overnight:

Как мне убрать полосы прокрутки?


<!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>

<style type="text/css">

html, body {margin: 0; padding: 0; border: none; outline: 0;}

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

.video {width:100%; height:100%; position:absolute; z-index:1;  }

</style>

</head>

<body>

<div class="content">

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

</div>

<div class="video">

<object width="100%" height="100%"><param name="movie" value="cry.swf"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="cry.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="100%" height="100%"></embed></object>

</div>

</body>

</html>

стили вынес отдельно. первая строка в стилях - отступы, границы по нулям.

в IE, FF - все ок.

в Опере вертикальная полоска таки остается. Попозже может что-нибудь придумаю.

Если не критично можно высоту проставить 99% :)

overnight:
И можно ли растянуть его на весь экран?

Флеш-ролик растягивается на весь экран, а само видео, наверно, можно растянуть инструментами Flash. Но в нем я не силен.

Яндекс.Дзен начал открытое тестирование В Яндекс.Вебмастере появилась проверка Mail.ru обновляет персональный виджет

79

Olldman

17 октября 2010, 05:50

#15

в Опере вертикальная полоска таки остается. Попозже может что-нибудь придумаю.

- придумывать собсно нечего, давно уже все придумано. Я ведь не зря говорил о "изначальном" обнулении:

 
*{margin:0;padding:0;border:none;outline:none;}
html{height:100%;}
body{width:100%;height:100%;position:relative;}

262

overnight

17 октября 2010, 08:37

#16

KuZm!cH, да, работает. Спасибо. 😆

KuZm!cH:
в Опере вертикальная полоска таки остается.

Да, остаётся...

Olldman:
придумывать собсно нечего, давно уже все придумано. Я ведь не зря говорил о "изначальном" обнулении:

Не работает. Остаются полосы прокрутки во всех браузерах.

overnight добавил 17.10.2010 в 15:30

Опера побеждена:

html, body {margin: 0; padding: 0; border: none; outline: 0; display:inline;marginwidht="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"}

осталось разобраться как делать резиновый флеш по размеру окна браузера.

В Google Chrome появились Яндекс.Браузер научился показывать видео Яндекс представляет новую главную

79

Olldman

17 октября 2010, 12:20

#17

Не работает. Остаются полосы прокрутки во всех браузерах.

- да неужели?

<!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>
<div class="vid">
<object>
<param name="movie" value="http://nailya.ru/cry.swf">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://nailya.ru/cry.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque"></embed>
</object>
</div>
</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;}
.vid{width:100%;height:100%;position:fixed;z-index:1;}
object, embed{width:100%;height:100%;}

и уж простите меня грешного, но вот что это за пакость в стилях? - marginwidht="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"

Где вы это такое видели в css?

262

overnight

17 октября 2010, 13:03

#18

Olldman, да, всё работает. 😆

Olldman:
и уж простите меня грешного, но вот что это за пакость в стилях? - marginwidht="0" marginheight="0" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"
Где вы это такое видели в css?

Вы знаете, на мой взгляд неофита это выглядит совершенно нормально. :D

Я могу только верить Вам, что это ужас-ужас кошмарный.

Спасибо за ваш вариант. Вставил его. :)

Теперь мучаю форум флешеров, чтобы помогли резиновый флеш сделать. 🙄

UPD: неа, в Вашем варианте появляется полоса прокрутки в опере.

В Яндекс.Почте 360 обновился Twitter обновил дизайн приложения Googlebot не распознает весь

72

DeveloperRu

17 октября 2010, 13:10

#19

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

+1... желания вернуться на этот сайт не возникло

Ответы на вопросы (http://telenok.com)

79

Olldman

17 октября 2010, 13:15

#20

Видите ли, в css прописываются пара - свойство:значение; - там нет знаков =.

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

Что делать, если ваша email-рассылка попала в спам

Open AI тестирует память для ChatGPT

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