1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Registration Email Allowed In Our Database :  Yahoo * Gmail * Hotmail * Outlook * yandex * live * are allowed to register in our database. [ We Will Approve Manually After Review It ]

Add-on Video.js 1.0

Creates a Video.js BB Code so you can host your own videos.

  1. SM€GGLE
    Compatible XF Versions:
    • 1.2
    • 1.3
    • 1.4
    • 1.5
    Description:

    Creates a Video.js BB Code so you can host your own videos. This add-on is designed for the administrator to create self hosted videos on their forum.

    Live example:

    Video from tonight's ride 01/12/12 | South Bay Riders

    Features:
    • Supports both Flash and HTML5.
    • Works with all modern operating systems and browsers.
    • Open source, there is no watermark like you see with other players.
    Installation:
    1. Download videojs_v1.0.zip and unzip it.
    2. Upload the Andy folder to your server. The correct location is library/Andy.
    3. From your Admin Control Panel, go to the "Install Add-on" page.
    4. Upload the addon-Videojs_v1.0.xml file.
    5. Click the Install Add-on button.
    Setup:
    1. Create a folder on your forum root called "videojs".
    2. Copy all the files and directories from the library/Andy/Videojs folder to the newly created videojs folder.

      [​IMG]
    Edit the EXTRA.css template and add the following CSS code:

    Code:
    /* Video.js */
    
    .videojs1 {
        max-width: 720px;
        max-height: 420px;
    }
    
    .videojs2 {
        position: relative;
        padding: 100%;
    }
    
    .videojs2 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    How to use:
    1. The Video.js add-on requires the administrator to upload MP4 videos to be played into a folder of your choice on your server. I created a folder called "videos" on my server.
    2. Create a new message, add the following BB Code:
    Code:
    [videojs=http://www.domain.com/videojs/video.mp4][/videojs]
    1. The saved message will embed the Video.js player and will look like this:

      [​IMG]
    Sending a donation:

    If you like this add-on, please consider sending a small donation. My PayPal email address provided upon request via Private Conversation.

    Thank you.