1. 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. XFILES
    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.
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice