Чат uSite
Загрузка чата..
Все новости
Новости uSite
19.05.2012
Открыли «Оповещения» (β).
29.04.2012
Сделан до конца вид материалов форума.
Пользователи онлайн
Загрузка списка...
Уникальные скрипты » Форум » Вид YouTube видео для форума v.0.4
Все видео с YouTube, которые введены в теги [video] автоматически становятся ссылкамы, и при нажатии на кнопку Play открывается видео.

Первый скрипт я удалил, потому что в нем были много багов, которые в этой версии исправлены.

Вид кнопок взят отсюда.

Обновлено v.0.4. Если уже установили, то устанавливаем заново

Приступим к установке.

1. Открываем ПУ -> Управление дизайном -> Форум -> Вид материалов и изменаем:

Code
$MESSAGE$


на этот код:

Code
<div class="fmess">$MESSAGE$</div>


2. В CSS сайта ставим:

Code

.ybutton{background:url('http://usite.su/images/new/highlight_faint.png') repeat-x top;display:inline-block;color:#fff;border-radius: 0px 3px 3px 0px;padding:5px;margin-bottom:3px;background-color:#272727;border:1px solid #161616;cursor:pointer;font-size:13px;}  
.ybutton:hover{background-color:#404040;}  
.ybutton:active{background-color:#151515;}  
.ybutton.icon{border-radius: 3px 0px 0px 3px;padding:0;border-right:0;}


3. В любом месте сайта ставим:

Code

<script type="text/javascript">  
$(document).ready(function(){  
$('.fmess').each(function(){  
if($(this).html().indexOf('<!--BBvideo-->')!=-1){  
$('.fmess object').each(function(){  
var yurl = $(this).attr('data').substring(21, 32);  
$(this).after('<div style="clear:both;"></div><div style="display:none"><center><iframe width="490px" height="276px" src="http://www.youtube.com/embed/' + yurl + ' " frameborder="0" allowfullscreen></iframe></center></div>').after('<div class="ybutton icon" style="float:left"><img src="http://i.da.am/2984.png" width="26px"></div><div class="ybutton" style="float:left" onclick="window.open(\'http://www.youtube.com/watch?v='+yurl+'\')">http://www.youtube.com/watch?v='+yurl+'</div><br>');  
});  
$('.fmess object').remove();  
}  
});  
$('.ybutton.icon').click(function(){  
$(this).next().next().next().next().slideToggle();  
});  
});  
</script>  


Обновление v.0.3

Видео в uWnd окне

Для того, чтобы видео открылось в uWnd окне, вместо первого скрипта ставте этот скрипт:

Code
<script type="text/javascript">  
  $(document).ready(function(){  
  $('.fmess').each(function(){  
  if($(this).html().indexOf('<!--BBvideo-->')!=-1){  
  $('.fmess object').each(function(){  
  var yurl = $(this).attr('data').substring(21, 32);  
  $(this).after('<div style="display:none">http://www.youtube.com/embed/' + yurl + '</div><div style="clear:both"></div>').after('<div class="ybutton icon" style="float:left"><img src="http://i.da.am/2984.png" width="26px"></div><div class="ybutton" style="float:left" onclick="window.open(\'http://www.youtube.com/watch?v='+yurl+'\')">http://www.youtube.com/watch?v='+yurl+'</div>');  
  });  
  $('.fmess object').remove();  
  }  
  });  
  $('.ybutton.icon').click(function(){ new _uWnd('yvideo','Просмотр видео',500,200,{min:0,shadow:1,header:1,max:0,resize:0},'<iframe width="490px" height="276px" src="' + $(this).next().next().html() + ' " frameborder="0" allowfullscreen></iframe>');  
  });  
  });  
  </script>


Установка завершена.

Демо можете смотреть тут.
1 2 3 4 »
Всего 37 комментариев и 1413 просмотров
1 версия работает, а вот вторая не очень то, точнее совсем не пашет
Вид YouTube видео для форума v.0.4
в комментариях не работает, все исчезает!
Первый код с спойлером )
Можно еще сделать и под спойлерное открытие.
Добавил в свойствах modal, для меня маловато затемняет.
В свойствах uWnd вставь ,modal: 1
напишите что работает и не только на форуме,этот скрипт работает и в load и в news и больше я не проверял))
uSite.su © 2010-2020
Все права защищены.
Лишь самые новые разработки для системы uCoz, среди которых находятся уникальные скрипты и великолепные части дизайна, совокупность которых порождает любимый многими сайт — uSite.su.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация