Здравствуйте дорогие друзья и пользователи сайта. Очень много встречал, что пользователям uCoz не нравится вид видео на форуме заключенного через bb коды. Решил попробовать сделать что то новенькое. Не хочу быть многословен, но думаю что получилось не плохо, но судить Вам.
Все видео с YouTube, которые введены в теги [video] автоматически становятся ссылкамы, и при нажатии на кнопку Play открывается видео.
Установка:
1) Открываем ПУ -> Управление дизайном -> Форум -> Вид материалов и изменаем:
на этот код:
Code
<div id="fmess">$MESSAGE$</div>
2) В CSS сайта ставим:
Code
.ybutton{background:url('http://webo4ka.ru/Ucoz6/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 && $(this).find('object').html().indexOf('youtube.com')!=-1){
$('#fmess object').each(function(){
var yurl = $(this).attr('data').substring(21, 32);
$(this).after('<div style="clear:both;"></div><div id="syou" 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://ssilki.at.ua/image/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>
