Component SFvideo видео компонент

[klerk]

SFvideo видео компонент для 10.3-10.6

Сайт разработчика этого компонента Softinstant.ru канул в Лету... но дело его живет и процветает.

Представляем три версии Видеокомпонента - 1.10.3, 1.10.5, 1.10.6.

Бесплатная видео галерея. На основе видео с YouTube.

Простое добавление видео. Копировать/вставить ссылку.
Удобная система добавления/редактирования видеозаписей. Возможность задавать название, категорию, описание и сео теги.

Парсер видео YouTube. Удобно и просто!
Парсит быстро и без каких либо сложностей. Нужно задать всего лишь ключевой запрос, сколько страниц на Youtube спарсить и в какую категорию.

Вынесу в отдельную ветку, чтобы можно было обсуждать отдельно.

Spoiler: read.me

Установка компонента SFvideo:

1. Залить всё содержимое в корень сайта
2. Установить права на папки /upload/video , /upload/video_banner - 750
3. Зайти в настройки компонента , и заполнить все поля.

Стандартные настройки компонента SFvideo:

Название главной (title) - Название
Тип вывода контента - В 4 колонки
Ключи главной (keywords) - Ключи,ключи,ключи
Описание главной (description) - Описание раздела
Название в "хлебных крошках" (patway) - Видео раздел
Название (h1) - Видео раздел
Описание - Описание
Меню администратора - Да
Количество на главной - 12
Ссылка на разработчика - Любой вариант
Похожие выводить? - Да
Количество похожих - 6
Ширина - 500
Заменить ul - ul
Параметры ul class - menu
Параметры ul id - ПУСТО
Заменить li - li
Параметры li class - btn btn-default
Параметры li id - ПУСТО

Обновление SFvideo:

Если у вас установлен не стандартный профикс cms_, перед установкой вам нужно будет открыть файл install.php и в строке 82 изменить в запросе $inDB->query('UPDATE cms_video SET published=1;'); cms_ заменить на свой префикс. После чего запустить обновление.

1. Залить всё содержимое в корень сайта
2. Провести обновление в админке сайта
3. Зайти в настройки и проверить заполнение полей, если что поравить.

You do not have permission to view link please Log in or Register

- Подробнее

правленный com_video_view.tpl

В нем теперь отображается похожее видео в сайдбаре

Spoiler

{add_js file='includes/jquery/tabs/jquery.ui.min.js'}
{add_css file='includes/jquery/tabs/tabs.css'}

{literal}
    <script type="text/javascript">
        $(function(){$(".videotabs").tabs();});
    </script>
{/literal}

<div class="row">
<h1 class="con_heading col-md-12">{$read.name}</h1>
</div>

<div class="row">
<div class="{if $adm.plus_is == 1}col-md-8{else}col-md-12{/if}">
{if $banner}
<div id="img-video-sfvideo">
<div style="background:url('/upload/video/{$read.video_id}.jpg') no-repeat; width:100%; height:450px;  background-size: 100%; ">
<img src="/images/video/play.png" onclick="count_rabbits()" style=" cursor: pointer;   display: block;  margin: 0 auto;  position: relative; top: 40%;" />
</div>
</div>{/if}

<div id="video_sfvideo" class="embed-responsive embed-responsive-16by9">
{$read.video}
</div>

{if $banner}
<div id="advm_preload" style="display:none; position: relative; {if $banner.type == 1}background:url('/upload/video_banner/{$banner.src}') no-repeat scroll 0 0 / 100% auto #fff;{/if}">


<div class="col-md-12 col-sm-12 col-lg-12 col-xs-12">
<div class="advm_loader navbar-left btn btn-default" style="display: block; text-align: left; font-size: 14px; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 15px; left: 15px;">Осталось <span id="advm_timer"></span> сек.</div>
</div>


<div class="col-md-12 col-sm-12 col-lg-12 col-xs-12">
<span id="advm_close" class="navbar-right btn btn-default" style="cursor: pointer; display: block; text-align: right; font-size: 14px; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 15px; right: 15px; color:#0099CC;">Пропустить рекламу</span>
</div>

{if $banner.type == 1}
<div onClick="window.open('/video/banner{$banner.id}')" style="cursor:pointer;  color: #000000; height: 390px; position: relative; top: 60px;">
</div>
{/if}

{if $banner.type == 2}
<div style="color: #000000; height: 390px; position: relative; top: 60px;">
{$banner.html}
</div>
{/if}

<div class="col-md-12 col-sm-12 col-lg-12 col-xs-12" style="position: absolute;
bottom: 0px;">
<div class="progress progress-striped active">
  <div class="progress-bar progress-bar-info"  role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
    <span class="sr-only">45% Complete</span>
  </div>
</div>
</div>

</div>
{/if}
<br/>
<noindex>
<div class="col-md-12 col-sm-12 col-lg-12 col-xs-12" style=" min-height: 30px;">

<div class="navbar-left">
<script type="text/javascript" src="//yandex.st/share/share.js"
charset="utf-8"></script>
<div class="yashare-auto-init" data-yashareL10n="ru"
data-yashareType="none" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,friendfeed,moikrug,gplus"

></div>
</div>
{if $admin}
<div class="navbar-right visible-lg visible-md visible-sm">
<div class="btn-group">
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
    Управление <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li><a href="/video/edit{$read.id}"><span class="glyphicon glyphicon-pencil"></span> Редактировать</a></li>
    <li><a href="/video/delete{$read.id}"><span class="glyphicon glyphicon-ban-circle"></span> Удалить</a></li>
    </ul>
</div>
</div>
{/if}
</div>
</noindex>
<br/>

<div id="profiletabs" class="videotabs">
                <ul id="tabs">
                    <li><a href="#info"><span>Ниформация</span></a></li>
                    <li><a href="#html_video"><span>Получить html код</span></a></li>
              </ul>
             
                    <div id="info">
                    {if $usr.login}<p><span class="glyphicon glyphicon-user"></span> Автор - <a href="/users/{$usr.login}">{$usr.nickname}</a></p><p><span class="glyphicon glyphicon-eye-open"></span> Просмотров - {$read.hits}</p> {/if}<p><span class="glyphicon glyphicon-bullhorn"></span> Опубликовано - {$read.date}</p>{if $cat.name}<p><span class="glyphicon glyphicon-paperclip"></span> Категория: <a target="_blank" href="/video/tree/{$cat.seolink}.html"><span>{$cat.name}</span></a></p>{/if}
                    <br/>
                    <p><span class="glyphicon glyphicon-bookmark"></span> {$read.text}</p>
                    </div>
                 
                    <div id="html_video">
                    <br/>
                    <textarea class="col-md-12 col-xs-12 col-lg-12 col-sm-12 form-control">{$read.video}</textarea>
                    <br/>
                    <hr/>
                    </div>
                 
                    </div>
                    <div class="video_comment">
                     {comments target='video' target_id=$read.id}
                     </div>
</div>

{if $adm.plus_is == 1}
<div class="col-md-4">
{if $id != 0}
<div id="ratingBar" class="visible-lg visible-md col-xs-12" style=" background-color: #F3F3F3;
    cursor: pointer;
    padding-left: 80px;
    text-align: left;
    width: 100%;">
<div id="rating">
<div id="ratZero"></div>
<div id="ratDone"></div>
<div id="ratHover"></div>
</div>
<div id="ratBlocks"></div>
<div id="ratStat"></div>
</div>{/if}
<div class="add_video_comonent visible-lg visible-md">
{foreach key=id item=v from=$ad_v}
<div class="view_video_search col-md-12 col-lg-12">
<div><p><a href="/video/{$v.seolink}"class="con_heading_video">{$v.name}</a></p></div>
<a href="/video/{$v.seolink}"><img src="/upload/video/{$v.video_id}.jpg" class="img-thumbnail" /></a>
<div  class="con_heading_video" style="background-color: #f1f1f1; color: #717171;  padding-left: 5px;   position: relative; top: -20px;">Дата {$v.date}, просмотров {$v.hits}</div>
</div>
{/foreach}
</div>
</div>
{/if}
</div>


{if $banner}
{literal}
<script type="text/javascript">
if(!window.jQuery){
    document.write(unescape('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">%3C/script%3E'));
}
</script>{/literal}

{literal}
<script type="text/javascript">
$('#video_sfvideo').hide();
function count_rabbits (){
    var advm_timer = {/literal}{$banner.sek}{literal} ;
    var advm_height = $('#advm_preload').parent().height();
    var advm_width = $('#advm_preload').parent().width();
    $('#img-video-sfvideo').hide();
    $('#advm_preload,#advm_close,.advm_loader,#advm_preload > div').css('display','block');
    $('#advm_preload').parent().find('object').append('<param name="wmode" value="opaque">');
    $('#advm_preload').parent().css('position', 'relative');
    $('#advm_preload').css({'width':'100%', 'height':'450px', 'background-color':'{/literal}{if $banner.background}{$banner.background}{else}#fff{/if}{literal}','color':'#fff'});
    $("#advm_timer").html(advm_timer);
    function advmPreload(){
        advm_timer = advm_timer-1;
        $("#advm_timer").html(advm_timer);
         $("#load").html(advm_timer);
        if(advm_timer>0){
            setTimeout(function(){ advmPreload(); },1000);
        }else{
            $("#advm_preload").hide();
            $('#img-video-sfvideo').hide();
            $('#video_sfvideo').show();
        $('#video_sfvideo').html({/literal}'{$read.video}'{literal});
        }
    }
    setTimeout(function(){ advmPreload(); },1000);
    $('#advm_close').click(function(){
        advm_timer = 1;
        $('#advm_preload').hide();
        $('#img-video-sfvideo').hide();
        $('#video_sfvideo').show();
        $('#video_sfvideo').html({/literal}'{$read.video}'{literal});
    });
    };
</script>
{/literal}
{/if}

SFvideo видео компонент для 10.3-10.6

To view the content, you need to Sign In or Register.