Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Форум для новичков » Видео на фон форума
Здравствуйте! Возможно ли сделать на форуме фон видео?
Мой форум http://ekat.forum-top.ru/
Увидел это пример на сайте вот тут: http://favorite-bank.com/pg/index
Подскажите если возможно, как это сделать?
Это ссылка на видео http://favorite-bank.com/assets/vid/vid2.mp4
А после видео надо чтобы обратно мой фон возвращался.
Ссылка на мой фон http://gayway.ru/wp-content/uploads/201 … n.ru_3.jpg
Отредактировано eremon (Пт, 22 Май 2015 20:31:43)
eremon
Может быть и можно. Но нужно писать скрипт, и он будет скорее всего не очень маленьким.
Конечно эффект очень классный, но имхо, не для форума: Форум все таки предполагает активное использование. Ну, посмотрите вы клип раз-другой... А в целом, вы будете часто ходить по ссылкам свое форума, а это каждый раз воспроизведение видео с самого начала, к тому же, так как видео надо встраивать через скрипт, инициализация будет долгая, может несколько секунд понадобиться на воспроизведение.
К тому же, видео съедает довольно много трафика, если он у вас ограничен, ну или форум будет не комфортно посещать пользователям с малой пропускной способностью.
Ну и наконец, что с ходу заметил, у вас форум имеет непрозрачную подложку. Смысл видео, если его можно будет увидеть только по краям? Тогда вам надо переделывать дизайн, делать элементы полупрозрачными -- а это ухудшение читаемости форума, тем более, когда картинка не статична.
Лично мое имхо. К сожалению, JavaScript не знаю, а Deff сейчас не может зайти на форумы. Если Вы еще будете считать тему актуальной, поднимите через недельки 2.
Отредактировано C3La-NS (Сб, 23 Май 2015 11:27:52)
Спасибо за ответ! Думаю, что полностью с Вами согласен.
eremon
никакого JavaScript тут нет, обычный html с применением тега <video>
<div style="margin: 0px; padding: 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1;"> <video autoplay id="bgvideo" style="width:100% !important;"> <source src="http://favorite-bank.com/assets/vid/vid2.mp4" type="video/mp4"> </video> </div>
установил, но видео нет, а звук есть
установил, но видео нет, а звук есть
Ну дык у Вас фон на форуме непрозрачный - он, по всей видимости, перекрывает видео
ладно мужики не заморачивайтесь, тема интересная, но требует тчательной работы
тут не в прозрачности проблема, фон он и в африке фон
eremon Тебе правильно подсказывают, добавь скрипт прозрачности,
таким же прозрачным можно сделать фон таблицы форума.
специально для тебя готовый пример
Ссылка
видео фона желательно конвертировать в формат swf
Отредактировано 103 (Вс, 24 Май 2015 10:00:24)
Знал бы я еще, как прозрачность делать )))
Знал бы я еще, как прозрачность делать )))
в нижнее окно стиля
#pun{
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity: 0.8;
}
.punbb img{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
Отредактировано 103 (Вс, 24 Май 2015 17:40:03)
Класс, работает! Только надо под этот фон весь форум переделывать. Наверное я верну все обратно, как было.
Спасибо всем кто откликнулся. Тема классная, возможно кому-то пригодиться.
А видео с ютуба, как сделать на фон? Есть такой скрипт?
А видео с ютуба, как сделать на фон? Есть такой скрипт?
видео с ютуба примерно так Ссылка
но учти что видео на ютуб в формате flv
Remote Address:216.58.209.174:443
Request URL:https://www.youtube.com/ptracking?html5=1&video_id=ZMDICzU3VVQ&cpn=gQ2Wh4J-DruP66TJ&plid=AAUW6by2vqvzOUro&ei=4EBjVf6VJeruiAbs4IGwDw&ptk=DanceallDay&oid=1imSkUELSb4NiIMoV9wb6Q&ptchn=6AHeJa7s9-Brs6VyXy6Dwg&pltype=content
Request Method:GET
Status Code:204 No Content
Response Headers
alternate-protocol:443:quic,p=1
cache-control:no-cache
content-length:0
content-type:video/x-flv
date:Mon, 25 May 2015 15:34:05 GMT
expires:Tue, 27 Apr 1971 19:44:06 EST
server:gwiseguy/2.0
status:204 No Content
version:HTTP/1.1
x-content-type-options:nosniff
x-frame-options:SAMEORIGIN
x-xss-protection:1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube
Request Headers
Provisional headers are shown
Accept:image/webp,*/*;q=0.8
Referer:https://www.youtube.com/watch?v=ZMDICzU3VVQ
User-Agent:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.65 Safari/537.36
Query String Parameters
view source
view URL encoded
html5:1
video_id:ZMDICzU3VVQ
cpn:gQ2Wh4J-DruP66TJ
plid:AAUW6by2vqvzOUro
ei:4EBjVf6VJeruiAbs4IGwDw
ptk:DanceallDay
oid:1imSkUELSb4NiIMoV9wb6Q
ptchn:6AHeJa7s9-Brs6VyXy6Dwg
pltype:content
и еще один вариант видео вместо фоновой картинки Ссылка
Отредактировано 103 (Пн, 25 Май 2015 19:13:43)
Классно! А скрипт можно в студию ))
eremon
Так вот же код:
<div style="margin: 0px; padding: 0px; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: -1;">
<video autoplay id="bgvideo" style="width:100% !important;">
<source src="http://favorite-bank.com/assets/vid/vid2.mp4" type="video/mp4" />
</video>
</div>
Тот, который Romych давал. Он и на тех форумах стоит, ссылки на которые дал 103 (по крайней мере, на первом)
Вместо красного - ссылку на свое видео
Отредактировано Alex_63 (Вс, 24 Май 2015 18:57:55)
Вы здесь » Единый форум поддержки » Форум для новичков » Видео на фон форума