17:53 Вид YouTube видео для форума |
|
Новый скрипт для форума. С помощью этого скрипта все видео с YouTube заключены в тэг [video], автоматически становятся ссылкамы, и при нажатии на кнопку Play открывается видео. Управление дизайном » Форум » Вид материалов и изменаем: Code $MESSAGE$ на этот код: Code <div class="fmess">$MESSAGE$</div> Управление дизайном » Общие шаблоны » Таблица стилей (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;} Управление дизайном » Форум » Общий вид страниц форума перед </body>: 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> |
|
|
| Всего комментариев: 0 | |