phpBB [video]: universal video bbcode (without code changes)

Board index phpBBex in English General

Description: General discussion about phpBBex
Moderator: Поддержка

Post #1by VEG » 11.05.2012, 17:12

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

We are glad to present you a new universal BBCode "phpBB [video]" which is compatible with both phpBB and phpBBex. To install you do not need to edit any files, it can be added through the admin panel.

Usage example

The user copies the URL of the page of the video and inserts it between the [video][/video]:
Code: Select all
[video]http://vimeo.com/40558553[/video]
or (with size specified):
Code: Select all
[video=640,360]http://vimeo.com/40558553[/video]

It is displayed as follows:
phpBB [video]


Supported video services

Currently the following video services are supported:
  • youtube.com (youtu.be) - playlists are also supported
  • vimeo.com
  • vk.com (vkontakte.ru) — the URL from the embed code is required
  • facebook.com
  • dailymotion.com
  • ustream.tv — streams and recorded videos
  • ted.com
  • vine.co
  • coub.com
  • twitch.tv — streams and recorded videos
  • metacafe.com
  • video.yandex.ru — the URL from the embed code is required
  • myvideo.de
  • own3d.tv
  • ign.com
  • clipfish.de
  • veevr.com
  • pinkbike.com
  • mpora.com
  • rutube.ru — it is recommended to use the URL from the embed code
  • video.mail.ru
  • smotri.com
  • video.qip.ru
  • video.bigmir.net
  • tvigle.ru — the URL from the embed code is required
  • video.online.ua
  • video.sibnet.ru
  • yapfiles.ru
  • megogo.net
  • intv.ru
  • lovi.tv
  • WebM, OGV and MP4 files via HTML5 <video> tag

URLs do not need to be cleaned from the garbage arguments as our [video] will work it out. You can use both the URL of the video page and the URL of the embed code (unless other instructions are given).

It is convenient that our bbcode is updated and new services are supported automatically. If our BBCode doesn't support the needed video service, we will be happy to add it. In this topic, please provide the URL of the page of the video with the video service you're interested in and the embed code. It will help us to add support of the service. If the new video service is demanded we will soon add the support to our video bbcode.

Automatic installation of [video] and [video=]

1. Download install_bbvideo.zip (2kb)
2. Extract it to your phpbb directory
3. Run http://yourphpbb/install_bbvideo.php
4. Remove install_bbvideo.php from your phpbb directory

Manual installation of [video] (with fixed size)

1. Admin panel, tab "Posting", page "BBCodes", add BBCode (if you already have a [video] then delete it).
2. In the field "BBCode usage" enter:
Code: Select all
[video]{URL}[/video]
3. In the field "HTML replacement" enter (you can only change the width and height of the layer!):
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. In the field "Help line" enter:
Code: Select all
Insert video: [video]http://youtube.com/url[/video]
5. Set the checkbox "Display on posting" and save the form. Done!

Manual installation of [video=width,height] (in addition to the previous)

1. Admin panel, tab "Posting", page "BBCodes", add BBCode (if you already have a [video=] then delete it).
2. In the field "BBCode usage" enter:
Code: Select all
[video={NUMBER1},{NUMBER2}]{URL}[/video]
3. In the field "HTML replacement" enter (no change!):
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. In the field "Help line" enter:
Code: Select all
Insert video: [video=width,height]http://youtube.com/url[/video]
5. Save the form. Done!

Links

phpBB [video] topic on phpbb.com
Russian language support on phpbbex.com
С наилучшими пожеланиями, Евгений
VEG M
Topic author, Администратор
Avatar
Age: 29
Location: Минск, Беларусь
Reputation: 1573
With us: 5 years 4 months


Post #61by SameO » 28.03.2016, 00:30

is it possible to make it use lazy load, instead of the video but an image
SameO
Гость

Post #62by Sumanai » 28.03.2016, 05:14

In the near future is unlikely.
Использование поиска продлевает жизнь.
Это форум поддержки форка phpBBex. Поддержка по phpBB осуществляется в других местах.
Sumanai M
Гуру
Avatar
Reputation: 1581
With us: 4 yaers 6 months

Post #63by seo-tik » 03.07.2016, 16:07

wow thats cool
thanks a lot for this video
seotik.net
seo-tik
Новичок
Reputation: 0
With us: 1 year 1 month

Post #64by Pinja » 16.09.2016, 05:29

Pinja
Гость

Previous

Return to General