JW Player

xF1 Add-on JW Player 1.1

No permission to download
Compatible XF Versions
  1. 1.2
  2. 1.3
  3. 1.4
  4. 1.5
Description:

Creates a JW Player 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 today's ride 04/25/12 - Moab Slick Rock | South Bay Riders

Features:
  • Easy to install and easy to use.
  • Includes latest JW Player files.
  • Supports both Flash and HTML5 players.
  • Works with all modern operating systems, browsers and video formats.
  • Fully Responsive.
Installation:
  1. Download jwplayer_v1.1.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-Jwplayer_v1.1.xml file.
  5. Click the Install Add-on button.
Setup:
  1. Create a folder on your forum root called "jwplayer".
  2. Copy the following four files from the library/Andy/Jwplayer folder to the newly created jwplayer folder.

    jwplayer.flash.swf
    jwplayer.html5.js
    jwplayer.js
    player.php

  3. Create a folder on your forum root called "videos".
  4. Copy the following file from the library/Andy/Jwplayer folder to the newly created videos folder.

    video.mp4

  5. Open the EXTRA.css template and add the following CSS code:

    Code:
    /* JW Player */

    .jwplayer1 {
    max-width: 720px;
    max-height: 420px;
    }

    .jwplayer2 {
    position: relative;
    padding-bottom: 56%;
    padding-top: 20px;
    height: 0;
    }

    .jwplayer2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
  6. Optional step:

    To change the splash screen image of the video player, edit the player.php file and update the image: tag as shown:

    PHP:
    image: "imagefile.png",
    Then add the imagefile.png to the jwplayer folder. The ideal dimensions for the splash screen image is 720x420.
How to use:
  1. The JW Player add-on requires the administrator to upload videos to be played into the videos folder and each video will have it's own BB Code entered into a message.
  2. Create a new message, add the following code:

    Code:
    [jwplayer=video.mp4]Video[/jwplayer]
  3. After saving the message it should look like this:

    xenforo_com_community_attachments_pic001_jpg_78986__.jpg


  4. Click the start button to view the video.
Author
AnimeHaxor
Size
674.5 KB
Extension
zip
Downloads
53
Views
3,516
First release
Last update

More resources from AnimeHaxor