Адаптивный bbcode YouTube.

[eska]

У меня не работает этот bbcode
http://gaz-autoclub.ru/viewtopic.php?f=7&t=1650
bbcode брал из первого сообщения

[CabinetAdmin]

Ссылка должна выглядеть как в подсказке:

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

[youtube]http://www.youtube.com/watch?v=V94lUearVU0[/youtube]

бывает что в ссылках есть всякие символы, особенно когда копируешь ссылку из ролика на каком нибудь сайте.
Твоя ссылка:

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

[youtube]https://www.youtube.com/watch?t=46&v=0hM0npaYKOw[/youtube]

в ней есть лишнее t=46&, потому и не работает.

[eska]

Изменил, толку 0

[CabinetAdmin]

Вот ещё, не обратил в прошлый раз внимание: [youtube]https: у ютуба вроде все ссылки без s. Откуда такая ссылка, с s и t=46?

[CabinetAdmin]

Собрал ещё один вариант ббкода, только теперь на jquery.
Скачать:

jquery.adaptive-youtube.rar

5.93 КБ 430 скачиваний

Принципиальных различий нет.

Создание ббкода сделал немного по другому, так как из разных мест ютуб даёт разные ссылки. В адресной строке одна ссылка, при копировании ссылки из ролика на flash (старые виды ббкода) другая, а ещё попадаются ссылки с https и t=46. Чтобы все ссылки работали ставим такой ббкод:

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

[youtube]{TEXT1}youtu{TEXT2}{SIMPLETEXT}[/youtube]

Замена HTML

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

<div class="youtube-container-parent">
	<div class="youtube-container-child">
		<div class="youtube-video"  data-id="{SIMPLETEXT}">
			<img class="youtube-thumb" src="//i.ytimg.com/vi/{SIMPLETEXT}/hqdefault.jpg" alt="" /><div class="play-button"></div>
		</div>
	</div>
</div>

Остальная установка такая же, за исключением ссылки на скрипт - jquery.adaptive-youtube.js

[eska]

Спасибо, работает)

[CrazyMan]

Собрал ещё один вариант ббкода, только теперь на jquery.
Скачать:
jquery.adaptive-youtube.rar

Принципиальных различий нет.

Создание ббкода сделал немного по другому, так как из разных мест ютуб даёт разные ссылки. В адресной строке одна ссылка, при копировании ссылки из ролика на flash (старые виды ббкода) другая, а ещё попадаются ссылки с https и t=46. Чтобы все ссылки работали ставим такой ббкод:

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

[youtube]{TEXT1}youtu{TEXT2}{SIMPLETEXT}[/youtube]

Замена HTML

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

<div class="youtube-container-parent">
	<div class="youtube-container-child">
		<div class="youtube-video"  data-id="{SIMPLETEXT}">
			<img class="youtube-thumb" src="//i.ytimg.com/vi/{SIMPLETEXT}/hqdefault.jpg" alt="" /><div class="play-button"></div>
		</div>
	</div>
</div>

Остальная установка такая же, за исключением ссылки на скрипт - jquery.adaptive-youtube.js

Доброго времени суток.
У меня почему то этот bbcode не работает. Видео он вставляет, но не воспроизводит что не так?

[CabinetAdmin]

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

[youtube]https://www.youtube.com/watch?v=LGFOkToQbRk[/youtube]

Я не знаю что вы делаете не так. Вот я добавляю ссылку на ролик, здесь на форуме стоит этот же ббкод, и он работает.

Что значит не воспроизводит? Ошибки может какие нибудь в консоли? Так просто я не могу сказать, что у вас не так.

[CrazyMan]

Вот еще раз делал на стиле prosilver дабы не сломать себе форум. Все тестирую на локалке для начало.

Покажу все в скриншотах.

[CabinetAdmin]

Физически файлы скопировали в стиль? adaptive-youtube.css в папку theme стиля, а jquery.adaptive-youtube.js в template?

Плюс небольшие замечания. Раз ставится версия на jquery, а по скриншоту ббкода, это именно он, то:

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

<script type="text/javascript" src="{T_TEMPLATE_PATH}/adaptive-youtube.js"></script>

ставится не должно, и вместо:

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

<!-- INCLUDEJS adaptive-youtube.js -->

должно быть:

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

<!-- INCLUDEJS jquery.adaptive-youtube.js -->

зы. Этот момент со скриптом немного недоописан в инструкции, немного запутывает. Надо подправить этот момент.

[CrazyMan]

Спасибо вам за помощь.
Дело все было в <!-- INCLUDEJS jquery.adaptive-youtube.js --> теперь все работает.