This plugin requires at least WordPress 3.0
Step 1: Installation - https://www.youtube.com/watch?v=kOFrF131B_4
Step 2: How to create a new player and insert it into your page or posts - https://www.youtube.com/watch?v=4XETMyh6fsE
Step 1. Enter in your wordpress CMS and go to Plugins menu
Step 2. Under Plugins menu click "Add New"
Step 3. Select "Upload", choose the archive lbg_vp3_html5.zip that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
Step 5. In you page just add the shortcode: [lbg_vp3_html5.zip settings_id='1']
click here for more details regarding the shortcode
From this section you can define the players.
If you need to include multiple players in your pages with different settings and playlist you can define the players and manage the settings for each one.
If you need only one player in your website, just edit the default one.
From this section you can define the video player settings.
General settings | |
YouTube Video ID | If you want to play a YouTube video, you'll insert the YouTube video ID. A YouTube link is of this form https://www.youtube.com/watch?v=5WAkvu5Tnkw The value of 'v' parameter is the ID you need. |
Vimeo Video ID | If you want to play a Vimeo video, you'll insert the Vimeo video ID. A Vimeo link is of this form https://vimeo.com/21288282 The last number from the link is the ID |
Self-Hosted Video URL | If you want to play a self-hosted video, you'll insert the direct URL to the MP4 file. |
Player Width | plugin width |
Player Height | plugin height |
Responsive |
Possible values: true - the plugin will responsive false - the plugin will not be responsive |
Responsive Relative To Browser | Possible values: true - the plugin will be responisve relatively to browser dimensions false - the plugin will be responisve relatively to parent div |
Center Player | Possible values: true - the player will be centered on the page false - the player will notbe centered on the page, it will be left align |
Loop | Possible values: true - the plugin will loop the playlist when it reaches the end false - the plugin will stop when reaches the end |
Auto Play | Possible values: true - the player will autoplay false - the player will not autoplay |
Auto Play On Mobile | Possible values: true - the player will autoplay on mobile false - the player will not autoplay on mobile |
Shuffle | Possible values: true - the playlist will be played in shuffle mode false - the playlist will be played in normal mode |
Initial Volume | You can initialize the volume. The range is 0 to 1 |
Player Border Color | border color (hexa) |
Controls Color - OFF State | controls color (hexa) - OFF State |
Controls Color - ON State | controls color (hexa) - ON State |
Controls Bg FullScreen Color | Controllers background color when the player is in full-screen mode (hexa) |
Empty Buffer Color | Movie buffer color, empty state (hexa) |
Full Buffer Color | Movie buffer color, full state (hexa) |
Seekbar Color | Movie seekbar color (hexa) |
Volume Off Color | Volume color, OFF state (hexa) |
Volume On Color | Volume color, ON state (hexa) |
Timer Color | The top,right movie timer color (hexa) |
Top Title Color | The top,left movie title color (hexa) |
First Video To Play | Define which video will be the first one to load. The counting starts from 0 |
Suggested Quality | ONLY FOR YOUTUBE. This parameter value can be: YouTube recommends that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions. |
Show Logo | Show top,left logo Possible values: |
Logo Image Path | The path to the logo image |
Logo Link | The link which will be opened when the logo will be clicked |
Logo Target | Logo link target |
Activate Google Analytics Traking | Possible values: true - Google Analytics tracking will be enabled false - Google Analytics tracking will be disabled |
Your Google Analytics Traking Code |
Your Google Analytics code. Example: UA-3245593-1 |
Controllers Settings: Show/Hide buttons & elements | |
Show Rewind But | Possible values: true - rewind button will appear false - rewind button will not appear |
Show Volume But | Possible values: true - volume button will appear false - volume button will not appear |
Show Twitter But | Possible values: true - twitter button will appear false - twitter button will not appear |
Show Info But | Possible values: true - info button will appear false - info button will not appear |
Show Download But | Possible values: true - download button will appear false - download track button will not appear |
Show Playlist But | Possible values: true - show/hide playlist button will appear false - show/hide playlist button will not appear |
Show Fullscreen But | Possible values: true - fullscreen button will appear false - fullscreen button will not appear |
Show Shuffle But | Possible values: true - shuffle button will appear false - shuffle button will not appear |
Show Next/Prev But | Possible values: true - next/previous buttons will appear false - next/previous buttons will not appear |
Show Facebook But | Possible values: true - facebook button will appear false - facebook button will not appear |
Facebook AppID | FaceBook AppID. Please check Facebook Share section, for more informations |
Facebook Share Title | The title which will appear on FaceBook share. Please check Facebook Share section, for more informations |
Facebook Share Description | The description which will appear on FaceBook share. Please check Facebook Share section, for more informations |
Show Search | Possible values: true - the search area will appear false - the search area will not appear |
Search Area Bg | Search area background color (hexa) |
Search Input Text | Search input initial text, useful for translation purpose |
Search Input Bg | Search input background color (hexa) |
Search Input Border Color | Search input border color (hexa) |
Search Input Text Color | Search input text color (hexa) |
Show Movie Top Title | Possible values: true - the top,left movie title will appear false - the top,left movie title will not appear |
Show Timer | Possible values: true - the top,right movie timer will appear false - the top,right movie timer will not appear |
Playlist Settings | |
Show Playlist On Init | Possible values: true - playlist will appear on initi false - playlist will not appear on init |
Show Play But | Possible values: true - play/pause button will appear false - play/pause button will not appear |
Playlist Width | The playlist width |
Playlist Scroller Bg Color OFF | The playlist scroll-bar OFF color (hexa) |
Playlist Scroller Bg Color ON | The playlist scroll-bar ON color (hexa) |
Number Of Thumbs Per Screen | the number of thumbs per screen. If you set it to 0, it will be calculated automatically. You can set a fixed number, for example 3 |
Show Thumbs | Possible values: true - the thumbs from playlist will appear false - the thumbs from playlist will not appear |
Show Title | Possible values: true - the tile from playlist will appear false - the tilte from playlist will not appear |
Show Description | Possible values: true - the description from playlist will appear false - the description from playlist will not appear |
Playlist Record Height | The playlist record height |
Playlist Record Padding | The playlist record padding |
Title Font Size | The playlist record title font size |
Title Line Height | The playlist record title line-height |
Desc Font Size | The playlist record decription font size |
Desc Line Height | The playlist record descripton line-height |
Playlist Record Bg Off Color | The playlist record background color (OFF state). |
Playlist Record Title Off Color | The playlist record title color (OFF state) |
Playlist Record Desc Off Color | The playlist record description color (OFF state) |
Playlist Record Bg Off Img Opacity | The playlist record opacity value (OFF state). It can take values between 0-100 |
Playlist Record Bg On Color | The playlist record background color (ON state). |
Playlist Record Title On Color | The playlist record title color (ON state) |
Playlist Record Desc On Color | The playlist record description color (ON state) |
Playlist Record Bg On Img Opacity | The playlist record opacity value (ON state). It can take values between 0-100 |
Playlist Bg Color | The playlist record background color. |
Playlist RecordTitleLimit | The playlist record title characters limit. All the other characters will be remoeved and replaced with ... |
Playlist RecordDescLimit | The playlist record description characters limit. All the other characters will be remoeved and replaced with ... |
Thumb Width | playlist thumbnail width (for skins that have a thumbnail) |
Thumb Height | playlist thumbnail height (for skins that have a thumbnail) |
Title | video file title |
Description | video file description |
Playlist image | video file playlist image |
Start Time | Optional parameter to set the video start time |
End Time | Optional parameter to set the video end time |
In order for the Facebook share button to work you need to obtain a Facebook Application ID
1. Go to theĀ Facebook Developers Apps page and sign in with your Facebook username and password.
2. Click the "Create New App" button.
If you do not see the option to create a new app in the upper right hand corner, click on "Register as Developer."
3. After that you'll obtain an 'App ID' which you'll paste in FaceBook AppID field in Manage Players->Player Settings area of our plugin
4. Go to Settings->Basic tab (left area), select 'Website' and insert your website URL and fill all the other information. Below you have a demo screenshot. Of course, you'll use your own info.
5. Go to Settings->Advanced tab (left area) and activate 'Social Discovery'
6. To personalize more the share content you can use FaceBook Share Title and FaceBook Share Description fields in Manage Players->Player Settings area of our plugin. Please check Player Settings section, to see all available parameters
The shortcode is:
[lbg_vp3_html5.zip settings_id='1']
where
settings_id is the player ID defined in "Manage Players" section
If you need to increase the wordpress media library upload file size limit add the following definitions in the .htaccess file
<IfModule mod_php5.c>
php_value post_max_size 10M
php_value upload_max_filesize 40M
php_value memory_limit 500M
</IfModule>