Страница 1 из 21

phpBB [video] — универсальный видео-bbcode (без правок кода)

Добавлено: 01.05.2012 18:09
VEG
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] на форуме phpBBex):
Изображение

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

На данный момент поддерживаются видеосервисы:
  • youtube.com (youtu.be) — плейлисты также поддерживаются
  • vimeo.com
  • rutube.ru — только адрес из кода встраивания
  • vk.com (vkontakte.ru) — только адрес из кода встраивания
  • facebook.com
  • video.mail.ru
  • smotri.com
  • dailymotion.com
  • video.qip.ru
  • video.google.com
  • 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 — только адрес из кода встраивания
  • файлы WebM, OGV и MP4 через HTML5 <video>
Адреса не нужно чистить от мусорных параметров — наш [video] разберётся что к чему. Можно использовать как адрес страницы видео, так и адрес из кода встраивания (если не указано иное).

В ближайшем будущем будут поддерживаться:
  • webm, mp4 и flv видеофайлы через плеер на flash при отсутствии HTML5
Что интересно, наш bbcode сам обновится, и новые сервисы будут поддерживаться у вас автоматически. Если вам не хватает поддержки какого-то видеосервиса, мы будем рады добавить её. В этой теме приведите ссылку на видео с интересующего вас видеосервиса и код встраивания — это нам поможет. Если новый видеосервис востребован, мы вскоре добавим его поддержку в наш видео-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 = '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: #555; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB &#91;video&#93;</a></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 = '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: #555; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB &#91;video&#93;</a></div></div>
4. В поле «Подсказка» введите:

Код: Выделить всё

Вставить видео: [video=ширина,высота]http://youtube.com/url[/video]
5. Сохраните форму. Готово!

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

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

Re: phpBB [video] — видео-bbcode для phpBB и phpBBex без пра

Добавлено: 01.05.2012 18:24
Petruxa12
не пашет,пишет неправильный код...
пробывал любую ссылку с юбута
http://youtu.be/VuPtnDZLk-M
или так
http://www.youtube.com/watch?v=VuPtnDZL ... ntext-vrec

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

Добавлено: 01.05.2012 18:31
VEG
Petruxa12
Всё вставляется. Пример: http://phpbbex.com/forum/viewtopic.php?f=6&t=13
Скорее всего вы внесли изменения во вставляемый код.

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

Добавлено: 01.05.2012 19:55
romeo_piter
А нет варианта, который сам поймет, какой размер видеофайла?
А то очень неудобно, тем более для непродвинутых юзверей.

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

Добавлено: 01.05.2012 20:17
VEG
romeo_piter
Размер видеофайла по урлу узнать нельзя. Но не вижу здесь проблемы — ббкод без указания размеров тоже очень хорошо работает, новички не запутаются :) Стандартный размер 640×390, но вы можете изменить на свой.

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

Добавлено: 01.05.2012 21:04
Nekstati
Яваскриптом же, наверное, можно. Всё равно у вас там куча яваскрипта вплоть до jQuery.

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

Добавлено: 01.05.2012 23:17
VEG
Nekstati
Нужно будет подробнее посмотреть, можно ли это сделать. Возможно, есть какое-то API для этого на некоторых сервисах. Попробую исследовать, есть ли простой способ сделать это.
jQuery подгружается только в случае, если он не подключен в шаблоне. В phpBB 3.1 он будет по дефолту, в phpBBex он уже по дефолту, во многих шаблонах phpBB 3.0 он тоже есть, поэтому грех его было не использовать :)

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

Добавлено: 02.05.2012 9:25
VEG
Поддержку каких ещё сервисов нужно добавить в первую очередь по вашему мнению?

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

Добавлено: 02.05.2012 9:39
angst66
Лично по моему мнению http://vk.com

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

Добавлено: 02.05.2012 10:18
Petruxa12
VEG писал(а):Скорее всего вы внесли изменения во вставляемый код.
Ничего не изменял,но есть теги youtube.

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

Добавлено: 02.05.2012 14:46
VEG
angst66
vk.com будет в ближайшем обновлении.
Petruxa12
Тег youtube мешать не должен. Установите на ваш форум этот BBCode, вставьте какое-нибудь видео с youtube и скиньте мне ссылку на тему с этим роликом — посмотрю в чём дело.

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

Добавлено: 02.05.2012 20:18
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]

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

Добавлено: 03.05.2012 13:04
VEG
Обещаю за каждый отзыв о phpBB [video] добавлять поддержку очередного сервиса. Пока список требуемых сервисов не иссякнет. Неплохая мотивация для разработчика ;)

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

Добавлено: 03.05.2012 13:08
МайскийЖук
В ABBC3 уже есть универсальный тэг [video], поддерживающий огромное количество сервисов + воспроизведение удаленных FLV и прочих файлов. Вы не пробовали оттуда выцепить этот тэг и не париться с написанием этого тэга с нуля?

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

Добавлено: 03.05.2012 13:42
Petruxa12
VEG писал(а):Тег youtube мешать не должен. Установите на ваш форум этот BBCode, вставьте какое-нибудь видео с youtube и скиньте мне ссылку на тему с этим роликом — посмотрю в чём дело.
430743fd9589.jpg