phpBB [video] — универсальный видео-bbcode (без правок кода)

BBCode — это специальный вариант HTML
С помощью BBcode - вы сможете отформатировать текст в сообщении, вставить видео, картинки и многое другое.
Аватара пользователя
CabinetAdmin

phpBB [video] — универсальный видео-bbcode (без правок кода)

CabinetAdmin 02 авг 2012, 17:26 Сообщение

phpBB [video] — универсальный видео-bbcode (без правок кода)

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

Использование BBCode:

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

[video]{URL}[/video]


Замена 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>

(изменять можно только высоту и ширину блока!)

Подсказка:

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

Вставить видео: [video]http://youtube.com/url[/video]


«Показывать на странице ответа» - «Отправить». Готово!




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

Использование BBCode:

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

[video={NUMBER1},{NUMBER2}]{URL}[/video]


Замена 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>

(вводить без изменений!)

Подсказка:

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

Вставить видео: [video=ширина,высота]http://youtube.com/url[/video]


Сохраните форму. Готово!

Удаление ссылки из кода

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




Поддерживаемые видеосервисы

На данный момент поддерживаются видеосервисы:
  • youtube.com (youtu.be) — плейлисты также поддерживаются
  • vimeo.com
  • rutube.ru — рекомендуется адрес из кода встраивания
  • vk.com (vkontakte.ru) — только адрес из кода встраивания
  • facebook.com
  • video.mail.ru
  • smotri.com
  • dailymotion.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
  • lovi.tv
  • metacafe.com
  • veevr.com
  • myvideo.de
  • clipfish.de
  • файлы WebM, OGV и MP4 через HTML5 <video>
Адреса не нужно чистить от мусорных параметров — наш [video] разберётся что к чему. Можно использовать как адрес страницы видео, так и адрес из кода встраивания (если не указано иное).

В ближайшем будущем будут поддерживаться:
  • webm, mp4 и flv видеофайлы через плеер на flash при отсутствии HTML5
Что интересно, наш bbcode сам обновится, и новые сервисы будут поддерживаться у вас автоматически. Если вам не хватает поддержки какого-то видеосервиса, мы будем рады добавить её. В этой теме приведите ссылку на видео с интересующего вас видеосервиса и код встраивания — это нам поможет. Если новый видеосервис востребован, мы вскоре добавим его поддержку в наш видео-bbcode. Оставляйте отзывы в теме об этом видео-bbcode. Это будет мотиватором для скорейшего добавления поддержки новых сервисов.




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

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

[video]http://www.youtube.com/watch?v=H77XC4sQaMg&feature=g-all-lik[/video]


phpBB [video]


Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект


Аватара пользователя
Ангелочек

Re: phpBB [video] — универсальный видео-bbcode (без правок кода)

Ангелочек 08 фев 2014, 12:29 Сообщение

Какой классный бб код Изображение
Спасибище огромнейшее приогромнейшее за такую удобную штучку :Rose: :ihaaaa: Супер!
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

Аватара пользователя
Ангелочек

Re: phpBB [video] — универсальный видео-bbcode (без правок кода)

Ангелочек 08 фев 2014, 19:12 Сообщение

CabinetAdmin писал(а):rutube.ru — рекомендуется адрес из кода встраивания

попробовала видео с рутуба вставить пишет вот что: Извините, этот URL не поддерживается :(
... Я Ангел только крылья в стирке и нимб на подзарядке ....
http://forymo4ek.ru/

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

Re: phpBB [video] — универсальный видео-bbcode (без правок кода)

CabinetAdmin 08 фев 2014, 21:13 Сообщение

phpBB [video]


Ссылка вот такого вида http://rutube.ru/video/embed/6795842, это из "Код вставки" под видео на странице просмотра ролика.
зы. правда ссылка там не имеет http:, нужно самому дописывать, без неё не работает :(
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Пользовательские BBCode для phpBB»

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

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