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

2609 просмотров Alan_Writer 05.05.2013

Просмотр прикреплённого видео для ucoz. Интересное решение просмотра видео новости не заходя в неё. Появляется кнопка, по нажатию на которую, открывается ajax окно с видео, которое было указано при добавлении новости.

Установка:

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

Код

<?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$:

Код

<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$:

Код

<center><span id="$ID$_video"></span></center>
<script type="text/javascript">_uVideoPlayer({'url':'$OTHER2$','width':'640','height':'385'},'$ID$_video');</script>

В CSS (присутствует личное позиционирование):

Код

span.title-video {
float: right; }

span.title-video div.v_but {
width: 29px;
height: 15px;
background: url("http://usite.su/images/11e7c971201e.png") center top no-repeat;
margin-top: 3px;
margin-right: 10px; }

span.title-video:hover div.v_but {
background: url("http://usite.su/images/11e7c971201e.png") center bottom no-repeat; }

Все готово!

Теги: прикрепленное видео, для uCoz, Просмотр прикреплённого видео, интересный скрипт, новое решение

Похожие материалы