phpBB [video] — универсальный видео-bbcode для phpBB и phpBBex

Board index phpBBex 1.x Мастерская

Description: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Moderator: Поддержка

Post #1by VEG » 01.05.2012, 16:53

BBCode: phpBB [audio] | phpBB [video] | phpBB [media] | phpBB [youtube]

Представляем вам новый универсальный BBCode «phpBB [video]», который подходит как для phpBB, так и для phpBBex. Для установки нет необходимости править какие-либо файлы, его можно добавить через раздел администратора.

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

Пользователь копирует адрес страницы интересующего ролика и вставляет его между [video][/video]:
Code: Select all
[video]http://vimeo.com/40558553[/video]
или (с указанием размеров):
Code: Select all
[video=640,360]http://vimeo.com/40558553[/video]

В сообщении это отобразится следующим образом:
phpBB [video]


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

На данный момент поддерживаются видеосервисы:
  • youtube.com (youtu.be) — плейлисты также поддерживаются
  • vimeo.com
  • rutube.ru — только адрес из кода встраивания
  • vk.com (vkontakte.ru) — только адрес из кода встраивания
  • ok.ru
  • facebook.com
  • video.mail.ru
  • smotri.com
  • dailymotion.com
  • ustream.tv — поддерживаются и записи, и трансляции
  • twitch.tv — поддерживаются и записи, и трансляции
  • video.qip.ru
  • 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
  • hulu.com — только адрес из кода встраивания
  • own3d.tv
  • ign.com
  • ted.com
  • vine.co
  • coub.com
  • pinkbike.com
  • mpora.com
  • archive.org
  • файлы WebM, OGV и MP4 через HTML5 <video>

Адреса не нужно чистить от мусорных параметров — наш [video] разберётся что к чему. Можно использовать как адрес страницы видео, так и адрес из кода встраивания (если не указано иное).

В ближайшем будущем будут поддерживаться:
  • webm, mp4 и flv видеофайлы через плеер на flash при отсутствии HTML5

Что интересно, наш bbcode сам обновится, и новые сервисы будут поддерживаться у вас автоматически. Если вам не хватает поддержки какого-то видеосервиса, мы будем рады добавить её. В этой теме приведите ссылку на видео с интересующего вас видеосервиса и код встраивания — это нам поможет. Если новый видеосервис востребован, мы вскоре добавим его поддержку в наш видео-bbcode.

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

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[video]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, изменять можно только высоту и ширину блока!):
Code: Select all
<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. В поле «Подсказка» введите:
Code: Select all
Вставить видео: [video]http://youtube.com/url[/video]
5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

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

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video=] — редактировать).
2. В поле «Использование BBCode» введите:
Code: Select all
[video={NUMBER1},{NUMBER2}]{URL}[/video]
3. В поле «Замена HTML» введите (вторая версия кода, вводить без изменений!):
Code: Select all
<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. В поле «Подсказка» введите:
Code: Select all
Вставить видео: [video=ширина,высота]http://youtube.com/url[/video]
5. Сохраните форму. Готово!

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

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

Не работает?

Отображается стандартная заглушка с надписью phpBB [media] и ничего не происходит
Скорее всего на странице есть какая-то ошибка JavaScript, что прекращает выполнение всех скриптов. Включите консоль разработчика и посмотрите что за ошибка. Если у вас на странице используется jQuery, попробуйте обновить версию на более свежую (1.7 и более новую).

Выдаёт ошибку «Неправильный BBCode»
Проблема в том, что вы изменили предлагаемый код либо это сделала за вас какая-то модификация. Попробуйте по очереди убирать модификации, которые влияют на вывод сообщений и обработку BBCode.

Независимо от предлагаемого URL сообщает, что он не поддерживается
Проблема в том, что ваш форум (например, автоцензор) либо какая-то модификация вмешивается в передаваемые URL. Проверьте настройки автоцензора (чтобы в нём не было частей вставляемого URL) либо установленные модификации для обработки ссылок в сообщениях.

При использовании ссылки на файл с моего сервера ничего не проигрывается
Причины может быть две: либо ваш сервер отдаёт некорректный Content-Type, либо данный формат не поддерживается вашим браузером.
Для того, чтобы ваш сервер Apache отдавал корректный Content-Type, добавьте в .htaccess файл в корне вашего сайта (этот код уже есть в phpBBex):
Code: Select all
AddType audio/ogg   ogg oga
AddType video/ogg   ogv
AddType audio/webm  webma
AddType video/webm  webm webmv
AddType audio/mp4   m4a
AddType video/mp4   mp4 m4v
AddType audio/opus  opus
AddType audio/flac  flac
AddType audio/aac   aac
AddType audio/mpeg  mp1 mp2 mp3 mpg mpeg
AddType audio/wav   wav
Учтите, что Firefox и Opera не поддерживают формат MP4. Зато Firefox, Opera, Chrome и IE (через кодек) поддерживают формат WebM.

phpBB [video] на других ресурсах

Обсуждение phpBB [video] на phpbbguru.net
Обсуждение phpBB [video] на bb3x.ru
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months


Post #41by СК-ИФ » 12.05.2012, 10:16

Евгений, проясните, пожалуйста, вы даёте много новых кодов. Это что, надо постоянно обновлять код в админке или это всё разные кнопки генерируются?
СК-ИФ M
Бывалый
Avatar
Age: 51
Location: КМВ, Россия
Reputation: 5
With us: 5 years 7 months

Post #42by VEG » 12.05.2012, 11:20

СК-ИФ, нет, те коды что я даю — это просто пример, как пользователь может вставить видео с нового сервиса. В админке код нужно было обновить только один раз (на вторую версию кода от 06.05.2012). При этом оно будет работать и без обновления, но старый код будет работать несколько медленнее нового при использовании с новым bbaudio. Если код в админке нужно обновлять — я об этом буду писать отдельно как было 06.05.2012:
VEG wrote:3. ВНИМАНИЕ! Вставляемый в админку код BBCode немножко изменился для корректной работы с bbcode [audio] (скоро появится). Его нужно вручную обновить в админке (заменить старый код на код из первого сообщения). Старый код (даже если не будете использовать [audio]) тоже будет работать, но всё равно лучше его обновить.
Но вообще в ближайшее время обновлений кода в админке не предвидится. В любом случае я буду работать над совместимостью, чтобы старые коды работали как и ранее, то есть внезапно ничего не сломается.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #43by VEG » 12.05.2012, 18:17

Пара новостей:
1. Добавлена поддержка video.sibnet.ru (как адрес страницы, так и адрес из кода встраивания), это тринадцатый поддерживаемый сервис.
Code: Select all
[video]http://video.sibnet.ru/day/20120505/video584235/[/video]
2. На z-music.org поддерживаются URL с тире в id трека.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #44by VEG » 13.05.2012, 12:00

1. Добавлена поддержка facebook.com. Можно использовать как адрес страницы, так и адрес из кода встраивания.
Code: Select all
[video]http://www.facebook.com/video/video.php?v=396498528455[/video]
2. Также теперь поддерживается clipfish.de. Можно использовать адрес страницы и адрес из кода встраивания. К сожалению, clipfish.de не поддерживает изменение размеров: он всегда будет 464 на 384 пикселя. Впервые вижу такой плохой плеер :)
Code: Select all
[video]http://www.clipfish.de/special/lets-dance/video/3779941/lets-dance-becci-und-massi-tanzen-den-hochzeits-jive/[/video]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #45by rogalsky » 13.05.2012, 16:36

можете добавить ex.ua?
rogalsky M
Новичок
Age: 35
Location: Украина, Запорожье
Reputation: 2
With us: 5 years 7 months

Post #46by VEG » 13.05.2012, 16:37

rogalsky, не вижу там возможности встраивать видео. Это похоже на какой-то файлообменник.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #47by Artur » 13.05.2012, 20:35

Ребята проблема с контактом, пишет видео не поддерживается :pray:
Artur
Гость

Post #48by VEG » 13.05.2012, 20:46

Artur, приведите ссылку, которую вы вставляете в BBCode.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #49by Artur » 14.05.2012, 13:02

Извиняюсь за беспокойство , неправельно код видео вставлял , из за этого и были ошибки.
Artur
Гость

Post #50by Heroin » 15.05.2012, 11:59

поставил себе. вроде работает. будем тестить
ЁмоЁВарКутаГин
Heroin M
Гуру
Avatar
Age: 30
Location: syzran
Reputation: 39
With us: 5 years 7 months

Post #51by VEG » 15.05.2012, 17:18

Добавлена поддержка yapfiles.ru. Из-за особенностей сервиса, через BBCode [video] можно вставлять как видео, так и аудио (в обоих случаях сайт предлагает большой плеер).
Поддерживается только ссылка из BBCode!
Пример музыки:
Code: Select all
[video]http://www.yapfiles.ru/static/play.swf?st=aMDAzOTY0ODctfcd6&allowscriptaccess=always[/video]
Выглядит так:
phpBB [video]

Пример видео:
Code: Select all
[video]http://www.yapfiles.ru/static/play.swf?st=vMDAyNzE0NTQta59a&allowscriptaccess=always&allowfullscreen=true[/video]
Выглядит так:
phpBB [video]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #52by Question » 16.05.2012, 22:19

Ранее, в стандартной сборке phpBB3 уже использовался тег video для публикации роликов с YouTube. После установки phpBBex старый BB-code был удален, а вместо него добавлен универсальный. В результате, все старые ссылки стали отображаться в формате:
Code: Select all
[video]http://www.youtube.com/watch?v=2Jt_ZllVySA[/video]
Хотя в новых постах все ОК. Каким образом можно решить эту проблему? Спасибо!
Question
Гость

Post #53by VEG » 16.05.2012, 23:40

Question, вам необходимо перепарсить BBCode в разделе STK. Зайдите по адресу http://yourforum.com/stk/, вкладка Admin Tools, пункт Reparse BBCode. Поставьте галочку Reparse all BBCodes и подождите некоторое время (в зависимости от форума, на больших форумах может занять и час).
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #54by VEG » 17.05.2012, 12:15

Пара новостей:
1. Общая оптимизация и чистка кода
2. Появилась поддержка сервиса metacafe.com. Поддерживается как адрес страницы, так и адрес из кода встраивания.
Пример:
Code: Select all
[video]http://www.metacafe.com/watch/8460770/lucky_driver/[/video]
phpBB [video]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #55by unk04 » 17.05.2012, 19:25

:clap:
На vibox.ru тоже много неплохих роликов :smile:
unk04 M
Новичок
Avatar
Reputation: 3
With us: 5 years 7 months

Post #56by VEG » 21.05.2012, 14:22

Добавлена поддержка видеосервиса veevr.com. Поддерживается как адрес страницы, так и адрес из кода встраивания.
Пример:
Code: Select all
[video]http://veevr.com/videos/7f6Z-txDf[/video]

Добавлено спустя 53 минуты 21 секунду:
Вдогонку: ещё добавлена поддержка сервиса megogo.net — с него можно мультики и фильмы в неплохом качестве встраивать. Правда, не все видео разрешено встраивать и не для всех стран.
Пример:
Code: Select all
[video]http://megogo.net/ru/view/5544-nu-pogodi-2-3-vypusk.html[/video]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #57by VEG » 23.05.2012, 15:13

Сейчас поддерживается популярный в Германии myvideo.de. В качестве ссылки можно использовать адрес страницы видео:
Code: Select all
[media]http://www.myvideo.de/watch/7613831/Fler_Der_Chef[/media]
Демо:
phpBB [media]
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #58by krasab » 24.05.2012, 16:31

Не получается создать bb код.
Выдает ошибку:
Code: Select all
Вы больше не можете создать BBCodes. Удалите или переместите некоторые BBCodes и попробуйте снова.

Как решить проблему?
krasab
Гость

Post #59by VEG » 24.05.2012, 17:16

krasab, если поменять местами пару bbcode, проблема не исчезает? Если нет, придётся копаться в базе с idшками ббкодов.
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #60by krasab » 25.05.2012, 15:17

сорри за глупый вопрос, но как менять местами ББкоды?
krasab
Гость

PreviousNext

Return to Мастерская