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 месяцев


Сообщение #161 .kex » 11.02.2015, 10:32

Такой вопрос появился. При использовании мобильной версии видео, вставленные через ббкод расширяют страницу. Можно ли как-то в замене HTML сделать, чтобы видео под размер экрана подгонялось?
.kex M
Откуда: Минск
Репутация: 6
С нами: 9 лет 1 месяц

Сообщение #162 mishany » 20.04.2015, 16:51

Подскажите по какой причине может перестать работать этот ббкод? вот ссылка http://рк-клевоеместо.рф/viewtopic.php?f=4&t=170&p=3188#p3188
mishany
Гость

Сообщение #163 Test » 20.04.2015, 19:17

mishany, как страшно жить :toothless:
Код: Выделить всё
/*
 * jQuery 1.1.2 - New Wave Javascript
 *
 * Copyright (c) 2007 John Resig (jquery.com)
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * $Date: 2007-02-27 17:18:47 -0500 (Tue, 27 Feb 2007) $
 * $Rev: 1460 $
 */

P.S. И я не понял, чего вы тут по-русски пишите!? Тут для англичан тема вообще-то!!!
Test
Гость

Сообщение #164 Sumanai » 20.04.2015, 19:22

Test:И я не понял, чего вы тут по-русски пишите!?
Действительно. Перенес.
mishany, Test вам намекает на то, что ваша библиотека jQuery сильно устарела, ей уже больше 8 лет. Это не дело. Используйте более новую версию, или откажитесь от ббкода.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #165 VEG » 01.07.2015, 14:53

Появилась поддержка ссылок на facebook.com в таком формате (не забываем очистить кэш, чтобы заработало, или подождите день-два):
Код: Выделить всё
https://www.facebook.com/latierraysuscuriosidades/videos/302807979872894/
VEG M
Автор темы, Администратор
Аватара
Откуда: Finland
Репутация: 1653
С нами: 11 лет 11 месяцев

Сообщение #166 Amney » 13.08.2015, 07:24

Добавьте,пожалуйста,поддержку moevideo.net
Amney M
Аватара
Откуда: Вечность.
Репутация: 37
С нами: 11 лет

Сообщение #167 ANDREZ » 01.09.2015, 17:44

Что-то у меня на форуме не выходит добавить видео из "Контакта",сделал как написано.

VEG »
Добавил поддержку vk.com. Нажмите Ctrl+F5 на странице, чтобы плеер появился.
К сожалению, можно использовать только URL из кода встраивания (Поделиться » Получить код видео » Содержимое атрибута src). Это особенность vk.com, которую на данный момент не обойти. Пример кода:
Код: Выделить всё
[video]http://vk.com/video_ext.php?oid=4625479&id=160200680&hash=a94ac58bd13d92c6&hd=1[/video]

И ничего (Кэш чистил):
Изображение
ANDREZ
Гость

Сообщение #168 dipol » 01.09.2015, 19:15

Здраве будьте бояре :biggrin:

Обновил вроде как у себя до 1.9.1. До этого пользовал тег [media] (еще на 1.8.0). Смотрю - переключились на другой. Этот лучше?

Добавлено спустя 2 минуты 30 секунд:
Amney,
здарова ;) как там у тебя делища и вообще?
dipol M
Аватара
Репутация: 21
С нами: 9 лет 4 месяца

Сообщение #169 Sumanai » 01.09.2015, 19:38

dipol:Смотрю - переключились на другой.
Кто? Этот тег всегда тут был.
dipol:Этот лучше?
Этот хуже. Из названия тега всё понятно.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #170 course » 01.09.2015, 23:09

Версия форума: 3.1.5
добавил сегодня ББкод видео по образцу выше. Следующая проблема, видео с ютуба в предпросмотре показывает нормально, а сообщение после "отправить" просто ссылка в ББкоде видео... не подскажите что делать?
course
Гость

Сообщение #171 Sumanai » 01.09.2015, 23:19

Отключите расширения, изменяющие ссылки.
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #172 Amney » 02.09.2015, 01:13

dipol:здарова ;) как там у тебя делища и вообще?
оффтоп
да жив пока :biggrin:
Amney M
Аватара
Откуда: Вечность.
Репутация: 37
С нами: 11 лет

Сообщение #173 sf1 » 18.12.2015, 03:29

У меня данный тег (ютюб) не работает под Android (Chrome, Opera и встроенный браузер).
Он вообще должен работать со смартфонами? Кто-нить тестил?
sf1
Репутация: 0
С нами: 8 лет 3 месяца

Сообщение #174 ЖЪРЧИК » 18.12.2015, 15:45

sf1, у меня тег медиа работает на андройде. встроенный браузер.
ЖЪРЧИК
Аватара
Репутация: 174
С нами: 9 лет 7 месяцев

Сообщение #175 sf1 » 19.12.2015, 01:24

А можно добавить www.soundcloud.com ?
sf1
Репутация: 0
С нами: 8 лет 3 месяца

Сообщение #176 Darkx » 22.04.2016, 12:36

Перестал работать ббкод video на форуме, использовал скрипт из первого поста
Код: Выделить всё
<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 = '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>
Просто черный экран в правом нижнем углу ссылка на этот ресурс, два дня назад всё работала, текущая версия версия 3.0.12.
Darkx
Гость

Сообщение #177 Sumanai » 22.04.2016, 14:56

Darkx:использовал скрипт из первого поста
Такого кода там нет. Интересует, где вы взяли эту часть
Код: Выделить всё
 e.src = 'bbmedia.js';
Должно быть что то типа
Код: Выделить всё
e.src = 'http://phpbbex.com/api/bbmedia.js';
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #178 Darkx » 22.04.2016, 15:53

Скинул последний сохраненный, т.к. всё утро сижу и пробую скрипты с разных ресурсов. Возможно не именно из первого поста, сейчас поменял на тот что с этого форума, но проблемы это не решает, результат везде один и тот же- черный экран и ссылка на ваш ресурс.
Мне тут подсказали что проблема в том, что контент (ролик) лежит на https, но не смогли подсказать. как решить эту проблему.

Добавлено спустя 14 минут 48 секунд:
Вот такая ошибка появляется в консоли гуглхрома

Mixed Content: The page at '...' was loaded over HTTPS, but requested an insecure script 'http://phpbbex.com/api/bbmedia.js'. This request has been blocked; the content must be served over HTTPS.
Darkx
Гость

Сообщение #179 Sumanai » 22.04.2016, 16:23

Darkx:Мне тут подсказали что проблема в том, что контент (ролик) лежит на https
Скорее ваш ресурс работает на этом протоколе.
Вам нужно установить локальный скрипт по инструкции из phpBB [media]
Sumanai M
Аватара
Репутация: 1677
С нами: 11 лет 2 месяца

Сообщение #180 Darkx » 22.04.2016, 16:29

спасибо. попробую.
Darkx
Гость

Пред.След.

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