Представляю Вашему внимание еще один вариант создания на Вашем сайте Каталога видеороликов с сайта Youtube.com со скриншотами.
Его главное отличие от первого варианта в том, что само видео находится на сайте Youtube.com и Вам не нужно вставлять его на свой сайт. На Вашем же сайте находятся только ссылки на видео со скриншотами.
Таким образом, Вы можете создать свой собственный список Youtube видео с необходимыми Вам параметрами и сортировкой.
Такой каталог создается из модуля "Каталог сайтов".
Настройка.
1. Для начала необходимо активировать модуль Каталог сайтов, так как по умолчанию он не активирован.
Для этого:
Рис.1
Нажмите на Неактивные, выберите Каталог сайтов, выберите "Без категорий" и нажмите "Активировать модуль".
2. Далее в Управлении категориями модуля Каталог сайтов создайте категорию Youtube.
3. Переходите: Дизайн - Управление дизайном - Каталог статей - Вид материалов
Удаляем весь код и вместо него вставляем следующий.
<![CDATA[<span class="pln" style="color: #555555;"> </span><span class="tag" style="color: #5c71cd; font-weight: bold;"><table</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">border</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"0"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">cellpadding</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"0"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">cellspacing</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"0"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">width</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"100%"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">class</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"eBlock"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pln" style="color: #555555;"> </span><span class="tag" style="color: #5c71cd; font-weight: bold;"><tr></span><span class="pln" style="color: #555555;"> </span><span class="tag" style="color: #5c71cd; font-weight: bold;"><td</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">style</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"</span><span class="pln" style="color: #555555;">padding</span><span class="pun" style="color: #555555;">:</span><span class="lit" style="color: indianred;">3px</span><span class="pun" style="color: #555555;">;</span><span class="atv" style="color: #555555;">"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">width</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"20%"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pln" style="color: #555555;"> <img src="http://i1.ytimg.com/vi/</span><span class="pun" style="color: #555555;"><?</span><span class="kwd" style="color: navy; font-weight: bold;">if</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">strpos</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">$SITE_DIRECT_URL$</span><span class="pun" style="color: #555555;">,</span><span class="pln" style="color: #555555;"> </span><span class="str" style="color: indianred;">'youtu.be'</span><span class="pun" style="color: #555555;">)!=</span><span class="str" style="color: indianred;">'-1'</span><span class="pun" style="color: #555555;">)?><?</span><span class="kwd" style="color: navy; font-weight: bold;">if</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">strpos</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">$SITE_DIRECT_URL$</span><span class="pun" style="color: #555555;">,</span><span class="pln" style="color: #555555;"> </span><span class="str" style="color: indianred;">'www.youtu'</span><span class="pun" style="color: #555555;">)=</span><span class="str" style="color: indianred;">'-1'</span><span class="pun" style="color: #555555;">)?><?</span><span class="pln" style="color: #555555;">substr</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">$SITE_DIRECT_URL$</span><span class="pun" style="color: #555555;">,</span><span class="lit" style="color: indianred;">16</span><span class="pun" style="color: #555555;">,</span><span class="lit" style="color: indianred;">11</span><span class="pun" style="color: #555555;">)?><?</span><span class="kwd" style="color: navy; font-weight: bold;">else</span><span class="pun" style="color: #555555;">?></span><span class="pln" style="color: #555555;">&lt;?substr($SITE_DIRECT_URL$,20,11)?&gt;</span><span class="pun" style="color: #555555;"><?</span><span class="pln" style="color: #555555;">endif</span><span class="pun" style="color: #555555;">?><?</span><span class="kwd" style="color: navy; font-weight: bold;">else</span><span class="pun" style="color: #555555;">?><?</span><span class="kwd" style="color: navy; font-weight: bold;">if</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">strpos</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">$SITE_DIRECT_URL$</span><span class="pun" style="color: #555555;">,</span><span class="pln" style="color: #555555;"> </span><span class="str" style="color: indianred;">'www.youtube'</span><span class="pun" style="color: #555555;">)=</span><span class="str" style="color: indianred;">'-1'</span><span class="pun" style="color: #555555;">)?></span><span class="pln" style="color: #555555;">&lt;?substr($SITE_DIRECT_URL$,27,11)?&gt;</span><span class="pun" style="color: #555555;"><?</span><span class="kwd" style="color: navy; font-weight: bold;">else</span><span class="pun" style="color: #555555;">?></span><span class="pln" style="color: #555555;">&lt;?substr($SITE_DIRECT_URL$,31,11)?&gt;</span><span class="pun" style="color: #555555;"><?</span><span class="pln" style="color: #555555;">endif</span><span class="pun" style="color: #555555;">?><?</span><span class="pln" style="color: #555555;">endif</span><span class="pun" style="color: #555555;">?></span><span class="pln" style="color: #555555;">/default.jpg" border="0" /> </span><span class="tag" style="color: #5c71cd; font-weight: bold;"></td></span><span class="pln" style="color: #555555;"> </span><span class="tag" style="color: #5c71cd; font-weight: bold;"><td</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">style</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"</span><span class="pln" style="color: #555555;">padding</span><span class="pun" style="color: #555555;">:</span><span class="lit" style="color: indianred;">3px</span><span class="pun" style="color: #555555;">;</span><span class="atv" style="color: #555555;">"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pln" style="color: #555555;"> </span><span class="pun" style="color: #555555;"><?</span><span class="kwd" style="color: navy; font-weight: bold;">if</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">$MODER_PANEL$</span><span class="pun" style="color: #555555;">)?></span><span class="tag" style="color: #5c71cd; font-weight: bold;"><div</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">style</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"</span><span class="kwd" style="color: navy; font-weight: bold;">float</span><span class="pun" style="color: #555555;">:</span><span class="pln" style="color: #555555;">right</span><span class="atv" style="color: #555555;">"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pln" style="color: #555555;">$MODER_PANEL$</span><span class="tag" style="color: #5c71cd; font-weight: bold;"></div></span><span class="pun" style="color: #555555;"><?</span><span class="pln" style="color: #555555;">endif</span><span class="pun" style="color: #555555;">?></span><span class="pln" style="color: #555555;"> </span><span class="tag" style="color: #5c71cd; font-weight: bold;"><div</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">class</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"eTitle"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">style</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"</span><span class="pln" style="color: #555555;">text</span><span class="pun" style="color: #555555;">-</span><span class="pln" style="color: #555555;">align</span><span class="pun" style="color: #555555;">:</span><span class="pln" style="color: #555555;">left</span><span class="pun" style="color: #555555;">;</span><span class="atv" style="color: #555555;">"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">><a</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">href</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"$SITE_DIRECT_URL$"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">target</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"_blank"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pln" style="color: #555555;">$TITLE$</span><span class="tag" style="color: #5c71cd; font-weight: bold;"></a></div></span><span class="pln" style="color: #555555;"> $MESSAGE$ </span><span class="tag" style="color: #5c71cd; font-weight: bold;"><div</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">class</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"eDetails"</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">style</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"</span><span class="pln" style="color: #555555;">clear</span><span class="pun" style="color: #555555;">:</span><span class="pln" style="color: #555555;">both</span><span class="pun" style="color: #555555;">;</span><span class="atv" style="color: #555555;">"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pln" style="color: #555555;"> </span><span class="pun" style="color: #555555;"><?</span><span class="kwd" style="color: navy; font-weight: bold;">if</span><span class="pun" style="color: #555555;">(</span><span class="pln" style="color: #555555;">$RATING$</span><span class="pun" style="color: #555555;">)?></span><span class="tag" style="color: #5c71cd; font-weight: bold;"><div</span><span class="pln" style="color: #555555;"> </span><span class="atn" style="color: indianred; font-weight: bold;">style</span><span class="pun" style="color: #555555;">=</span><span class="atv" style="color: #555555;">"</span><span class="kwd" style="color: navy; font-weight: bold;">float</span><span class="pun" style="color: #555555;">:</span><span class="pln" style="color: #555555;">right</span><span class="atv" style="color: #555555;">"</span><span class="tag" style="color: #5c71cd; font-weight: bold;">></span><span class="pun" style="color: #555555;"><?</span><span class="pln" style="color: #555555;">$RSTARS$</span><span class="pun" style="color: #555555;">(</span><span class="str" style="color: indianred;">'12'</span><span class="pun" style="color: #555555;">,</span><span class="str" style="color: indianred;">'/.s/img/stars/3/12.png'</span><span class="pun" style="color: #555555;">,</span><span class="str" style="color: indianred;">'1'</span><span class="pun" style="color: #555555;">,</span><span class="str" style="color: indianred;">'float'</span><span class="pun" style="color: #555555;">)?></span><span class="tag" style="color: #5c71cd; font-weight: bold;"></div></span><span class="pun" style="color: #555555;"><?</span><span class="pln" style="color: #555555;">endif</span><span class="pun" style="color: #555555;">?></span><span class="pln" style="color: #555555;"> Переходов: $REDIRECTS$ </span><span class="tag" style="color: #5c71cd; font-weight: bold;"></div></td></tr></table><br</span><span class="pln" style="color: #555555;"> </span><span class="tag" style="color: #5c71cd; font-weight: bold;">/></span><span class="pln" style="color: #555555;"> </span>]]>
|
