Главная » Скрипты для ucoz » Другие скрипты для ucoz

Просмотр прикреплённого видео


Интересное решение просмотра видео новости не заходя в неё.
Появляется кнопка, по нажатию на которую, открывается ajax окно с видео, которое было указано при добавлении новости.
Заходим в настройки модуля "Новости сайта" и там активируем доп. поле 2, переименовываем по надобности.
В "вид материалов" новостей (ставим туда, где хотим видеть кнопку просмотра):

Code
<?if($OTHER2$)?><span class="title-video" title="Посмотреть прикреплённое видео"><a href="javascript://" onclick="new _uWnd('name','$TITLE$',640,385,{autosize: 1,modal: 1,align:'center'},$('#$ID$').html());return false;"><div class="v_but"></div></a></span><?endif?>


В "вид материалов" новостей после $MESSAGE$:
Code
<div style="display:none" id="$ID$"><span id="$ID$_video"></span></div>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>


В "Страница материала и комментариев к нему" новостей после или до (на ваше усмотрение) $MESSAGE$:
Code
<center><span id="$ID$_video"></span></center>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>


В CSS (присутствует личное позиционирование):
Code
span.title-video {  
float: right;  
}  
span.title-video div.v_but {  
width: 29px;  
height: 15px;  
background: url("http://webuilder.info/Comentarii/11e7c971201e.png") center top no-repeat;  
margin-top: 3px;  
margin-right: 10px;  
}  
span.title-video:hover div.v_but {  
background: url("http://webuilder.info/Comentarii/11e7c971201e.png") center bottom no-repeat;  
}  
  


Готово.


Источник |  Автор: lifee | Категория: Другие скрипты для ucoz | Добавил: AID | Дата: 14.05.2012
Посмотреть демо Просмотр прикреплённого видео
Просмотр прикреплённого видео(посмотрели: 1005)

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz