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

Список разделов phpBBex 1.x (поддерживается) Мастерская 1.x

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

Сообщение #1 VEG » 01.05.2012, 16:53

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

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

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

Пользователь копирует адрес страницы интересующего ролика и вставляет его между [video][/video]:
Код: Выделить всё
[video]http://vimeo.com/40558553[/video]
или (с указанием размеров):
Код: Выделить всё
[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
  • dailymotion.com
  • video.sibnet.ru
  • yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
  • ign.com
  • ted.com
  • vine.co
  • coub.com
  • pinkbike.com
  • archive.org
  • файлы WebM, OGV и MP4 через HTML5 <video>

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

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

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

Установка [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 = '//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='//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 = '//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='//phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
4. В поле «Подсказка» введите:
Код: Выделить всё
Вставить видео: [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):
Код: Выделить всё
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
Рекомендуем использовать формат WebM. IE также поддерживает WebM при установке соответствующего кодека.

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

Обсуждение phpBB [video] на phpbbguru.net
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1670
С нами: 12 лет 7 месяцев


Сообщение #181 Glenerg » 22.04.2016, 18:18

Такой вопрос:
если я загружу допустим на яндекс диск видео(соответственно расшарю как положено) и вставлю ссылку в видео/видео
будет работать или нет
Если нет-как сделать?
Всетаки больше 10 гигов пространства, а еще есть мэйл-ну и т.д.
Glenerg M
Репутация: 37
С нами: 9 лет 4 месяца

Сообщение #182 Sumanai » 22.04.2016, 18:41

Glenerg, поддержка яндекс- диска не указана, следовательно, её нет.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 10 месяцев

Сообщение #183 Glenerg » 23.04.2016, 08:55

Проверил, точно не работает :smile:
А жаль, было бы удобнее хранить свои записи на облаке а смотреть на форуме
Зато точно никуда не денеться
Glenerg M
Репутация: 37
С нами: 9 лет 4 месяца

Сообщение #184 Darkx » 25.04.2016, 10:42

Sumanai, Большое спасибо за помощь. загрузил скрипт на хот и всё заработало.
Darkx
Гость

Сообщение #185 VEG » 22.05.2016, 12:43

Появилась поддержка видео из Одноклассников:
Код: Выделить всё
[media]http://ok.ru/video/15108278985[/media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1670
С нами: 12 лет 7 месяцев

Сообщение #186 Леон123 » 24.06.2016, 00:22

так если проект сменит домен, что будет с ББ-кодом bbvideo ??
Леон123
Гость

Сообщение #187 Sumanai » 24.06.2016, 05:20

Ничего, я им не занимаюсь, а этот домен продолжит работать.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 10 месяцев

Сообщение #188 vic4884 » 21.09.2016, 08:48

Добрый день.
Пробовал все, media, youtube, video - Неправильный BBCode
ни один не работает
ссылка на тему http://forum.boovape.ru/viewtopic.php?f=4&t=18&sid=385092b43b57caf38f4b81c2233fa014
https://www.youtube.com/watch?v=DIC7zGmllGQ -ссылка на видео которое хочу добавить
vic4884
Репутация: 0
С нами: 8 лет 2 месяца

Сообщение #189 Glenerg » 21.09.2016, 10:01

vic4884, посмотрел, все у Вас работает!!!
Glenerg M
Репутация: 37
С нами: 9 лет 4 месяца

Сообщение #190 vic4884 » 21.09.2016, 11:13

да, мне подсказали где копать
http://www.phpbbguru.net/community/viewtopic.php?f=59&t=46232 - тут
теперь ищу где взять кнопочки эти + и - к сообщениям

Добавлено спустя 50 минут 37 секунд:
http://forum.boovape.ru/viewforum.php?f=14&sid=19a0e3abf2d2d493702f5c7086d9e416 - взгляните кому не сложно, я не понял, что я испортил, где вернуть на место все, как все исправить?
правый нижний угол
vic4884
Репутация: 0
С нами: 8 лет 2 месяца

Сообщение #191 Sumanai » 21.09.2016, 15:32

vic4884:теперь ищу где взять кнопочки эти + и - к сообщениям
Это особенность phpBBex, у вас же обычный phpBB.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 10 месяцев

12121

Сообщение #192 boatsurfe » 25.10.2016, 21:44

спасибо. работает на 3.1.10
boatsurfe
Гость

Сообщение #193 Darkx » 13.12.2016, 13:41

подскажите пожалуйста, использую
Код: Выделить всё
<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 = '/forum/bbmedia.php'; 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>
Через ПК все видео отображаются нормально, с телефонов, обрезается на половину и нет кнопок для фулскрина итд. можно ли как-то сделать, чтоб размер подгонялся автоматически для пк и для мобильных устройств?

Добавлено спустя 1 час 55 минут:
Спасибо за внимание, справился своими силами.
Darkx
Гость

Сообщение #194 DanceOfDeath » 13.12.2016, 15:46

Поправьте пожалуйста скрипт. Суть вот в чём, при вставке ссылки на видео с сибнет вида: http://video.sibnet.ru/shell.php?videoid=1576248 , выдаётся заглушка, что данная ссылка не поддерживается, но если изменить на http://video.sibnet.ru/shell.swf?videoid=1576248 , то начинает работать, подгружается скриншот, но блокируется на стороне сибнет, с выдачей ошибки вида: Manifest is not a valid M3U8 file (http://video.sibnet.ru/v/6c9850f85452b306d9a60a4913514f58/1576248.mpd)
DanceOfDeath
Гость

Сообщение #195 Sumanai » 13.12.2016, 17:03

Darkx:Спасибо за внимание, справился своими силами
Так поделились бы.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 10 месяцев

Сообщение #196 Webliberty » 09.01.2017, 11:26

Здравствуйте!

Вопрос конечно не про phpBBex, но автор вроде как здесь находится и может подскажет по BBcode для вставки видео... После обновления phpBB до версии 3.2 появилась ошибка там где вставлено видео: Неправильный BBCode. В новой версии phpBB изменен обработчик бб-кодов и вероятно с этим связано.

Скрин:
video.png
video.png (2.54 КБ) Просмотров: 18982
Webliberty
Репутация: 1
С нами: 7 лет 11 месяцев

Сообщение #197 Sumanai » 10.01.2017, 17:16

Можно пример неработающей ссылки?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 10 месяцев

Сообщение #198 Webliberty » 10.01.2017, 19:06

Sumanai:Можно пример неработающей ссылки?
К сожалению, пример не могу привести, т.к. уже заменил на другой вариант с расширением...
Webliberty
Репутация: 1
С нами: 7 лет 11 месяцев

Сообщение #199 Sumanai » 10.01.2017, 19:10

Просто я с нуля ставил медиа, и у меня всё работало. Вот и думаю, может, это проблема при обновлении только проявляется. Вы пробовали пересоздать или пересохранить ббкод?
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 10 месяцев

Сообщение #200 Webliberty » 10.01.2017, 19:13

Пересоздавать не пробовал, а пересохранял много раз, пока пробовал другие варианты и возвращался к нему обратно, когда другие варианты тоже не работали.
Webliberty
Репутация: 1
С нами: 7 лет 11 месяцев

Пред.След.

Вернуться в Мастерская 1.x



cron