Добавление к ссылкам с youtube иконки, просмотр в лайтбоксе

Поддержка форумов на phpBB 3.0.x
Создание, раскрутка, оптимизация, редактирование и настройка форума.
Со всеми этими и другими вопросами обращайтесь в этот раздел.
Аватара пользователя
CabinetAdmin

Добавление к ссылкам с youtube иконки, просмотр в лайтбоксе

CabinetAdmin 08 сен 2013, 17:51 Сообщение

Суть - у добавляемой ссылки, с популярного видеохостинга youtube, в сообщении на форуме появлялась иконка, открывающая видеоролик в новом окне, к самой ссылке добавляется новый класс, позволяющий открывать ролик в модальном окне. В общем по типу как на рутрекере или как сделано это на нашем форуме, но с помощью bbcode - pT6NOTtX5Ys: pT6NOTtX5Ys .
Данную задумку я хотел реализовать с помощью jQuery, но чего-то не выходит у меня каменный цветок. Добавить иконку с ссылке это не проблема, как добавить к ней ссылку?... Вот на этом моменте я и запнулся.
Код пробовал разных вариантов, может быть не совсем верных с точки зрения правил, но это уже "мелочи", они все работали одинакого, и верно составленные и не очень, последний вариант у меня такой:

Код: Выделить всё

<script type="text/javascript"> $(document).ready(function(){ var $yt = $("a[href^='http://www.youtube.com/watch']").addClass('youtube'); var $icon = $("<a class='yt-icon' target='_blank' title='Открыть в новой вкладке'></a>").attr('href', $('.youtube').attr('href')); $yt.wrap("<span class='yt-link'></span>"); return $yt.before($icon).parrent(); }); </script>


Можно и без var, не суть, проблема заключается в том что ссылка для иконки будет взята первая на странице и использоваться для всех остальных, попробовал использовать .each(function(), так только хуже получилось.... Может не правильно пробовал, кто его знает...

Или так:

Код: Выделить всё

<script type="text/javascript"> $(document).ready(function(){ $("a[href^='http://www.youtube.com/watch']").addClass('youtube'); var $icon = $("<a class='yt-icon' target='_blank' title='Открыть в новой вкладке'></a>").attr('href', function() { return "http://www.youtube.com/watch" + this.href; }); $('.youtube').wrap("<span class='yt-link'></span>"); return $('.youtube').before($icon).parrent(); }); </script>


this.href поставил для наглядности, что можно поставить за вместо... Какой нибудь video_id, дык где его взять?... Это надо код увеличивать скорее всего, что не хотелось бы или идти к ютубовской api?!...


В общем моих скудных познаний jQuery не хватает на реализацию задумки, если кабинет админа посещают знающие люди - отзовитесь! Бывает что истина ходит где-то рядом, а мозг упорно не хочет до этого додумываться.
Если уже есть решение или чтиво, то если не против - поделитесь с общественностью, так сказать:)
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Похожие темы

Вернуться в «Обсуждение вопросов»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя