vBulletin [video]

vBulletin [video] — это универсальный BBCode для vBulletin 3 и 4 версий, который даёт пользователем возможность вставлять видео в сообщения. Поддерживаются сервисы youtube.com, vimeo.com, rutube.ru, vk.com и более десятка других. Данный BBCode является частью проекта BB [media], в который входит большое количество мультимедийных BBCode для различных движков форумов.

  • Справка по [video] с примерами и списком поддерживаемых сервисов
  • vBulletin [audio] — BBCode для вставки аудио в сообщения
  • vBulletin [media] — BBCode для вставки аудио, видео, карт, панорам и др.

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

  1. Админка, Custom BB Codes, Add New BB Code.
  2. В поле «Title» введите:
    Видео
  3. В поле «BB Code Tag Name» введите:
    video
  4. В поле «Replacement» введите (изменять можно только высоту и ширину блока!):
    <div class="bbvideo" data-url="{param}" 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.charset="utf-8"; 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://veg.by/bbmedia/vbulletin/video/" target="_blank">vBulletin &#91;video&#93;</a></div></div>
  5. В поле «Example» введите:
    [video]http://youtu.be/8cavNK87h3s[/video]
  6. В поле «Description» введите:
    Вставить видео
  7. «Use {option}» должно быть выключено
  8. Если вы не будете устанавливать дополнительный [video=ширина,высота], в поле «Button Image» введите:
    http://phpbbex.com/api/bbvideo-icon.png
  9. Включите оставшиеся опции: «Remove Tag If Empty», «Disable BB Code Within This BB Code», «Disable Smilies Within This BB Code», «Disable Word Wrapping Within This BB Code», «Disable Automatic Link Parsing Within This BB Code»
  10. Форма должна выглядеть примерно так. Сохраните форму. Готово!

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

  1. Админка, Custom BB Codes, Add New BB Code.
  2. В поле «Title» введите:
    Видео
  3. В поле «BB Code Tag Name» введите:
    video
  4. В поле «Replacement» введите (вводить без изменений!):
    <div class="bbvideo" data-url="{param}" data-args="{option}" style="margin: 1px; display: inline-block; vertical-align: bottom;"><div style="width: 200px; height: 40px; border: 1px solid #999; display: table-cell; text-align: center; vertical-align: middle; font: 10px/10px Verdana; color: #555; opacity: 0.5;"><a style="color: #105289; text-decoration: none;" href="http://veg.by/bbmedia/vbulletin/video/" target="_blank">vBulletin &#91;video&#93;</a></div><script>if (typeof bbmedia == "undefined") { bbmedia = true; var e = document.createElement("script"); e.charset="utf-8"; e.async = true; e.src = "http://phpbbex.com/api/bbmedia.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(e, s); }</script></div>
  5. В поле «Example» введите:
    [video=320,240]http://youtu.be/8cavNK87h3s[/video]
  6. В поле «Description» введите:
    Вставить видео с указанием предпочитаемых размеров плеера
  7. Включите «Use {option}»
  8. В поле «Button Image» введите:
    http://phpbbex.com/api/bbvideo-icon.png
  9. Включите оставшиеся опции: «Remove Tag If Empty», «Disable BB Code Within This BB Code», «Disable Smilies Within This BB Code», «Disable Word Wrapping Within This BB Code», «Disable Automatic Link Parsing Within This BB Code»
  10. Форма должна выглядеть примерно так. Сохраните форму. Готово!

2 комментария

  1. Jonh'y

    Но ведь видео появляется только после того, как снова перезагрузишь страницу!?

  2. VEG Автор записи

    Не понял вас. Оно должно сразу отображаться. Возможно, у вас на странице какие-то проблемы со скриптами.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *