Универсальный видео-bbcode (без правок кода)

Ббкоды для вставки видео и аудио в сообщения
Аватара пользователя

Автор темы
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

Универсальный видео-bbcode (без правок кода)

Сообщение Fox » 16 июн 2013, 15:12

На данный момент поддерживаются видеосервисы:
    youtube.com (youtu.be) — плейлисты также поддерживаются
  • vimeo.com
  • rutube.ru — рекомендуется адрес из кода встраивания
  • vk.com (vkontakte.ru) — только адрес из кода встраивания
  • facebook.com
  • video.mail.ru
  • smotri.com
  • video.qip.ru
  • video.google.com
  • video.yandex.ru — только адрес из кода встраивания
  • video.bigmir.net
  • tvigle.ru — только адрес из кода встраивания
  • video.online.ua
  • video.sibnet.ru
  • yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
  • megogo.net
  • intv.ru
  • metacafe.com
  • veevr.com
  • clipfish.de
  • myvideo.de
Адреса не нужно чистить от мусорных параметров — [video] разберётся что к чему. Можно использовать как адрес страницы видео, так и адрес из кода встраивания (если не указано иное).

Установка [video] (с фиксированным размером)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video] — удалить).
2. В поле «Использование BBCode» введите:

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

[video]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, изменять можно только высоту и ширину блока!):

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

<div class='bbvideo' data-url='{URL}' style='width: 640px; height: 390px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:

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

Вставить видео: [video]http://youtube.com/url[/video]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [video=ширина,высота] (в дополнение к предыдущему)

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video=] — удалить).
2. В поле «Использование BBCode» введите:

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

[video={NUMBER1},{NUMBER2}]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, вводить без изменений!):

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

<div class='bbvideo' data-url='{URL}' style='width: {NUMBER1}px; height: {NUMBER2}px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:

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

Вставить видео: [video=ширина,высота]http://youtube.com/url[/video]
5. Сохраните форму. Готово!

Удаление ссылки из кода
На разработку данного bbcode потрачено много времени, поэтому в наличие ссылки на phpbbex.com в коде обязательно. Эта ссылка видна только в момент загрузки и не мешает пользователям. Если по каким-то причинам вам всё-таки необходимо её убрать, свяжитесь с автором любым удобным для вас способом.



Пример использования

Пользователь копирует адрес страницы интересующего ролика и вставляет его между [video][/video]:

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

[video]http://vimeo.com/40558553[/video]
или (с указанием размеров):

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

[video=640,360]http://vimeo.com/40558553[/video]

В сообщении это отобразится следующим образом

phpBB [video]

Аватара пользователя

Автор темы
Fox
Администратор
Сообщения: 248
Зарегистрирован: 16 июн 2013, 11:10
Репутация: 4
Пол: Мужской
Поблагодарили: 7 раз
Контактная информация:

Re: Универсальный видео-bbcode (без правок кода)

Сообщение Fox » 16 июн 2013, 17:06

Еще пример работы.

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

[video]http://rutube.ru/video/embed/6374561[/video]

phpBB [video]

  • Поделитесь ссылкой

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «BBcode видео и аудио»