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 #161by .kex » 11.02.2015, 10:32

Такой вопрос появился. При использовании мобильной версии видео, вставленные через ббкод расширяют страницу. Можно ли как-то в замене HTML сделать, чтобы видео под размер экрана подгонялось?
.kex M
Новичок
Age: 22
Location: Минск
Reputation: 6
With us: 2 yaers 9 months

Post #162by mishany » 20.04.2015, 16:51

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

Post #163by Test » 20.04.2015, 19:17

mishany, как страшно жить :toothless:
Code: Select all
/*
 * 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
Гость

Post #164by Sumanai » 20.04.2015, 19:22

Test wrote:И я не понял, чего вы тут по-русски пишите!?
Действительно. Перенес.
mishany, Test вам намекает на то, что ваша библиотека jQuery сильно устарела, ей уже больше 8 лет. Это не дело. Используйте более новую версию, или откажитесь от ббкода.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1608
With us: 4 yaers 9 months

Post #165by VEG » 01.07.2015, 14:53

Появилась поддержка ссылок на facebook.com в таком формате (не забываем очистить кэш, чтобы заработало, или подождите день-два):
Code: Select all
https://www.facebook.com/latierraysuscuriosidades/videos/302807979872894/
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 30
Location: Минск, Беларусь
Reputation: 1574
With us: 5 years 7 months

Post #166by Amney » 13.08.2015, 07:24

Добавьте,пожалуйста,поддержку moevideo.net
Мрачный.
Amney M
Гуру
Avatar
Age: 25
Location: Муром
Reputation: 37
With us: 4 yaers 8 months

Post #167by ANDREZ » 01.09.2015, 17:44

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

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

И ничего (Кэш чистил):
Image
ANDREZ
Гость

Post #168by dipol » 01.09.2015, 19:15

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

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

Added after 2 minutes 30 seconds:
Amney,
здарова ;) как там у тебя делища и вообще?
http://forum-33.ru | phpBBex 1.9.1
dipol M
Мастер
Avatar
Reputation: 21
With us: 3 yaers

Post #169by Sumanai » 01.09.2015, 19:38

dipol wrote:Смотрю - переключились на другой.
Кто? Этот тег всегда тут был.
dipol wrote:Этот лучше?
Этот хуже. Из названия тега всё понятно.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1608
With us: 4 yaers 9 months

Post #170by course » 01.09.2015, 23:09

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

Post #171by Sumanai » 01.09.2015, 23:19

Отключите расширения, изменяющие ссылки.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1608
With us: 4 yaers 9 months

Post #172by Amney » 02.09.2015, 01:13

dipol wrote:здарова ;) как там у тебя делища и вообще?
оффтоп
да жив пока :biggrin:
Мрачный.
Amney M
Гуру
Avatar
Age: 25
Location: Муром
Reputation: 37
With us: 4 yaers 8 months

Post #173by sf1 » 18.12.2015, 03:29

У меня данный тег (ютюб) не работает под Android (Chrome, Opera и встроенный браузер).
Он вообще должен работать со смартфонами? Кто-нить тестил?
sf1
Новичок
Reputation: 0
With us: 1 year 11 months

Post #174by ЖЪРЧИК » 18.12.2015, 15:45

sf1, у меня тег медиа работает на андройде. встроенный браузер.
плешивый кот
ЖЪРЧИК
Гуру
Avatar
Reputation: 174
With us: 3 yaers 3 months

Post #175by sf1 » 19.12.2015, 01:24

А можно добавить www.soundcloud.com ?
sf1
Новичок
Reputation: 0
With us: 1 year 11 months

Post #176by Darkx » 22.04.2016, 12:36

Перестал работать ббкод video на форуме, использовал скрипт из первого поста
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 = '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
Гость

Post #177by Sumanai » 22.04.2016, 14:56

Darkx wrote:использовал скрипт из первого поста
Такого кода там нет. Интересует, где вы взяли эту часть
Code: Select all
 e.src = 'bbmedia.js';
Должно быть что то типа
Code: Select all
e.src = 'http://phpbbex.com/api/bbmedia.js';
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1608
With us: 4 yaers 9 months

Post #178by Darkx » 22.04.2016, 15:53

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

Added after 14 minutes 48 seconds:
Вот такая ошибка появляется в консоли гуглхрома

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
Гость

Post #179by Sumanai » 22.04.2016, 16:23

Darkx wrote:Мне тут подсказали что проблема в том, что контент (ролик) лежит на https
Скорее ваш ресурс работает на этом протоколе.
Вам нужно установить локальный скрипт по инструкции из phpBB [media]
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M Online
Гуру
Avatar
Reputation: 1608
With us: 4 yaers 9 months

Post #180by Darkx » 22.04.2016, 16:29

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

PreviousNext

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



Who is online (over the past 10 minutes)

Users browsing this forum: 1 guest