/*Онлайн чат*/
Добро пожаловать в чат
Вход / Регистрация
/*Онлайн чат*/ /*TimeLine*/
Обновления на сайте
  • Adrian Monino
    Premium Member
  • /*TimeLine*/

    Вид YouTube видео для форума v.0.4

    Изображение материала
    Информация
    КатегорияСкрипты и модификация
    АвторГость
    Кол-во просмотров351
    Кол-во скачиваний0
    Кол-во комментарий0
    Ссылка на демоДЕМО
    ИсточникПерейти
    Дата добавления03.06.2012 / 11:05
    Описание

    Все видео с 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>


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

    Демо можете смотреть тут.

    Комментарии
    Добавить комментарий