[3.2.3]Youtube

[zarajen 2]

Здесь написано о изменениии плеера youtube, подскажите как можно такое поставить в ipb

[Ritsuka 539]

Простой инструкции не выйдет. В инструкции по вашей ссылке нужен jQuery, а само видео вставляется с помощью JavaScript-кода. В IPB же используется prototype, и JavaScript в теле поста выживает с трудом.

 

С технической точки зрения можно реализовать все так:

 

1. Вместо полноценного youtube-embed переделать media-код "youtube" в обычную ссылку вида:

 

<a href="http://youtube.com/v/$3" class="youtube-video">Смотреть видео на Youtube</a>

 

2. Подгрузить скрипты из статьи в режиме noConflict().

 

3. Построить создание видео-плеера на введеном нами классе, что-то вроде:

 

jQuery(document).ready(function($){
$('.youtube-video').each(function(){
           $(this).youTubeEmbed($(this).attr('href'));
       });
});

 

В принципе сработает.

[zarajen 2]

Прошу прощения, вы что сейчас написали?

[zarajen 2]

Вроде разобрался:

Написал в поле медиатег:

<a href="http://youtube.com/v/$3" class="youtube-video">Смотреть видео на Youtube</a>

 

В шаблон замены:

<script src="http://test1.ru/youTubeEmbed/youTubeEmbed-jquery-1.0.js"></script>

jQuery(document).ready(function($){
   $('.youtube-video').each(function(){
           $(this).youTubeEmbed($(this).attr('href'));
       });
});

 

 

Но показывает только ссылку

Изменено 15 июня 2012 пользователем zarajen

[Ritsuka 539]

В IPB же используется prototype

 

Не в "в шаблон замены", а в "globalTemplate", куда-то в конец

, и не только тот скрипт, но еще и jQuery, и swfobject, и их стили, т.е.:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript" src="{$this->settings['public_dir']}js/3rd_party/jquery.swfobject.1-1-1.min.js"></script>  
<script type="text/javascript" src="{$this->settings['public_dir']}js/3rd_party/youTubeEmbed-jquery-1.0.js"></script>  
<link rel="stylesheet" type="text/css" media="screen" href="{$this->settings['public_dir']}js/3rd_party/youTubeEmbed-jquery-1.0.css" />
<script type="text/javascript">
 jQuery(document).ready(function($){
     $('.youtube-video').each(function(){
         $(this).youTubeEmbed($(this).attr('href'));
     });
 });
 $.noConflict();
</script>

 

Скрипты jquery.swfobject и youTubeEmbed, и файл стилей youTubeEmbed-jquery-1.0.css положите в папку - /public/js/3rd_party/.

[zarajen 2]

А что в шаблон замены и поле "медиатег" писать? Иначе не работает.

[Ritsuka 539]

Пример с их сайта у меня не заработал и отдельно от IPB, просто в чистом виде. Очень хорошая статья, видимо.

[zarajen 2]

Спасибо,извените

[Ritsuka 539]

Не ну вообще можно попробовать переписать все это, используя смысл, а не конкретную реализацию. Если адекватно сформулируете, зачем оно вам вообще сдалось, так уж и быть, перепишу :)

[zarajen 2]

Нет спасибо не надо