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
Репутация: 1653
С нами: 11 лет 11 месяцев


Сообщение #81 VEG » 24.08.2012, 18:42

Появилась поддержка сервиса hulu.com (популярен в Америке). Поддерживаются только ссылки из кода встраивания. Пример:
Код: Выделить всё
[media]http://www.hulu.com/embed/uVao9STITX1gbRokBfv03Q/0/76[/media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #82 ninel » 30.08.2012, 16:56

Возможно ли редактировать код для автопроигрывания с повтором проигрывания!? Буду благодарна за любой ответ!
ninel
Гость

Сообщение #83 VEG » 30.08.2012, 17:27

ninel, технически такое возможно только на сервисах с поддержкой таких возмжоностей. Но из всех сервисов только парочка поддерживает автопроигрывание. BB [media] в этих сервисах автопроигрывание выключает, поскольку не совсем правильно заставлять пользователя загружать видео если он того не желает (особенно если сообщение не первое, будет непонятно откуда взялся звук). Итого: на большинстве сервисов такое невозможно, а там где это возможно — возможность отключена.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

универсальный видео-bbcode

Сообщение #84 ninel » 30.08.2012, 19:11

Евгений , спасибо огромное за ваш быстрый ответ!
Я немного поясню, почему меня это так интересует. Я любитель создавать плэйкасты.
Возможностей различных много, но когда я помещаю видео, тогда главное, чтобы было автопроигрывание
и желательно повтор (иначе все стоит и показываются подобные видео). Код, который я беру от YouTube, редактирую на автопроигрывание и получалось
до некоторого времени, затем нужно было нажимать "play", затем фортуна улыбнулась мне и я
попавшийся новый код испытала - и все заработотало, все плэйкасты с видео отредактировала с новым кодом.
На данный момент загружаю флеш и видео на http://www.yapfiles.ru и беру код, код хорошо подходит на этот сайт; флеш получается в автозапуском и
повтором, а вот видео никак... Зашла в поиск и заинтересовалась вашим кодом...
Вот ссылка одного плэйкаста с видео! Приятного просмотра!
http://www.playcast.ru/view/1737382/c6ddcde6465659b5cc9a95555e5f7f5cd4c18f9fpl
:hi: :smile:
ninel
Гость

Сообщение #85 Predator » 16.09.2012, 00:47

не работает нифига ! :(
Predator
Репутация: 0
С нами: 11 лет 6 месяцев

Сообщение #86 VEG » 16.09.2012, 01:07

Predator, описали бы что именно не работает и как это проявляется :)
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #87 Predator » 23.09.2012, 07:47

проблема здесь:

http://www.vtx-club.org/forum/viewtopic.php?f=51&t=2905

ссылка на видео, которое надо вставить - http://rutube.ru/video/ac5c3685b4705067adaeef7629668a36/#
Predator
Репутация: 0
С нами: 11 лет 6 месяцев

Сообщение #88 VEG » 23.09.2012, 12:25

Predator, rutube.ru недавно изменил формат URL и теперь поддерживаются только URL из кода встраивания (это указано в первом сообщении). То есть вместо вашей ссылки вы должны использовать:
Код: Выделить всё
[media]http://rutube.ru/embed/5438967[/media]
И этот вариант будет работать.

Добавлено спустя 34 минуты 6 секунд:
Теперь для ссылок на rutube в неподдерживаемом формате выводится соответствующая ошибка.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #89 Predator » 23.09.2012, 23:45

не работает.........

еще раз.....для особо тупых......

какие коды и куда нужно вставить ? (я про добавление в админке)
Predator
Репутация: 0
С нами: 11 лет 6 месяцев

Сообщение #90 VEG » 24.09.2012, 01:39

Predator, у вас на форуме (по вашей ссылке) всё работает. Не понимаю в чём у вас проблема :)
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #91 Predator » 24.09.2012, 23:05

странно.в Maxthone не показывает, а в Опере показывает (((((
Predator
Репутация: 0
С нами: 11 лет 6 месяцев

Сообщение #92 VEG » 24.09.2012, 23:53

Predator, flash плагин для IE и остальных браузеров разный. Установите flash для IE и всё должно заработать.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #93 Predator » 25.09.2012, 00:30

Predator
Репутация: 0
С нами: 11 лет 6 месяцев

Сообщение #94 VEG » 25.09.2012, 00:38

Predator, очевидно Internet Explorer/AOL.
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #95 angst66 » 25.09.2012, 11:08

Давно хочу спросить. После установки данного кода невозможно стало показывать ролик с ютуба с определённого времени
Код: Выделить всё
&start=[sec]
Есть решение этой проблемы?
angst66
Репутация: 13
С нами: 11 лет 6 месяцев

Сообщение #96 VEG » 25.09.2012, 16:07

Теперь на youtube.com поддерживается временная метка, причём в различных вариантах:
Код: Выделить всё
[media]http://www.youtube.com/watch?feature=player_detailpage&v=Vw2d4M3isJ4#t=448s[/media]
[media]http://www.youtube.com/embed/Vw2d4M3isJ4?start=448[/media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #97 VEG » 06.10.2012, 19:57

Добавлена поддержка сервиса ustream.tv. Поддерживается как адрес страницы, так и адрес из кода встраивания. Варианты поддерживаемых ссылок:
Код: Выделить всё
http://www.ustream.tv/recorded/24512027
http://www.ustream.tv/embed/recorded/24512027
http://www.ustream.tv/channel/6540154
http://www.ustream.tv/embed/6540154
http://www.ustream.tv/recorded/25906299
http://www.ustream.tv/embed/recorded/25906299?v=3&amp;wmode=direct
http://www.ustream.tv/channel/11857029
http://www.ustream.tv/embed/11857029?v=3&amp;wmode=direct
Пример видео (насчёт посадки марсохода Curiosity):
phpBB [media]
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #98 ZeroGul » 29.10.2012, 14:20

Автору огромное СПАСИБО!!!!! Все получилось :razz:
ZeroGul
Репутация: 0
С нами: 11 лет 4 месяца

Сообщение #99 Sergey Pryadkin » 20.01.2013, 19:33

Как можно поменять цвета в плеерах (интересует плеер youtube в первую очередь) под дизайн своего форума?
Sergey Pryadkin
Гость

Сообщение #100 prebbex » 20.01.2013, 20:52

черный идет всем (исключая черные колготки). :wink:
можно написать свой плеер, настраиваемый, и рипнуть видео из ютуба. :twisted: :smoke:

Дикая страна, им дают хранилище видео, способ вставить его в свой сайт, нет -- им украсть его надо, соскоблить логотипы :insane: :nervious: :pray:

плеер подгружается из самого ютуба.
prebbex M
Откуда: интерда
Репутация: 12
С нами: 11 лет 2 месяца

Пред.След.

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



cron