Все видео с YouTube, которые введены в теги [video] автоматически становятся ссылкамы, и при нажатии на кнопку Play открывается видео.
Установка.
1. Открываем ПУ -> Управление дизайном -> Форум -> Вид материалов и изменяем:
Code
$MESSAGE$
на этот код:
Code
<div id="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;}
.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://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>
$(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://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>
Установка завершена.
Посмотреть демо Вид YouTube видео для форума
Другие новости |
Поделиться ссылкой
|
4 |
DJ-Sergey пишет: | 12.11.2012 | 01:44
Страница с комментарием |
Работает
(0)
|