phpBB [video]

video.png
1.0 phpBB 3.0.x
Released:
Wed Jan 23, 2013 7:49 am
File size:
3.4 KiB
Validated for:
phpBB 3.0.x
MD5 checksum:
1630bf3c23451131c315c71999dc666f
Description
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 or by running installation script.

Supported video services

Currently the following video services are supported:
  • youtube.com (youtu.be) — playlists are also supported
  • vimeo.com
  • dailymotion.com
  • ustream.tv
  • webm, ogv and mp4 files via HTML5 <video>

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 (it's an image, see live demo):
Image

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).

Installation of [video] and [video=width,height]

1. Download bbmedia.js.zip and extract it into your phpbb directory
2. Go to ACP, tab "Posting", page "BBCodes"
3. Add [video] BBCode as described below
4. Add [video=] BBCode as described below

Automatic updates

We regularly add support for new services, so the BBCode is updated frequently. For automatic updates you can use special PHP script. See FAQ for details.
  • Author VEG
  • Last updated Wed Jan 23, 2013 7:49 am
  • Total Downloads 5238
  • Rating
    (6)
  • Categories Video and Audio

Public performance attribution has been waived.

Settings

BBCode Usage: Select all
[video]{URL}[/video]

HTML Replacement: 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>

Help Line: Select all
Insert video: [video]http://youtube.com/url[/video]
  • Revisions
    Version
    phpBB Version(s)
  • 1.0
    3.0.x
    Validation time: Jan 23, 2013 7:49 am
    Downloads: 5237

    BBCode Usage: Select all
    [video]{URL}[/video]

    HTML Replacement: 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>

    Help Line: Select all
    Insert video: [video]http://youtube.com/url[/video]