This plugin requires at least WordPress 3.0
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-bottom-playlist-videoplayer.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_vp1 settings_id='1' bgcolor='#FFFFFF']
click here for more details regarding the shortcode
| css | the folder contains the .css files used by the pluging |
| images | the folder contains the images used by the pluging |
| js | the folder contains the .csjs files used by the pluging |
| lbg_vp1 | the folder contains the .swf,xml,css files that the video player use. It also contains the "videos" folder where you'll upload the videos in case you use HTTP streaming |
| tpl | the folder contains the template files used by the pluging |
| lbg-bottom-playlist-videoplayer.php | the plugin itself |
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, playlist and css styles for each one.
If you need just one player in your website, just edit the default one.
From this section you can define the videos in the playlist.
FOR NON YOUTUBE MOVIES (including Audio MP3 files) |
|
| Movie/Instance | path to the movie. For RTMP files paste here the ID or file name. If you are using HTTP streaming you should upload the movie, using FTP |
| RTMP server | if you use a RTMP server (FMS or RED5) paste here the streamer. If you don't use RTMP you can delete this line |
| Title | movie title |
| Description | movie descrition |
| Playlist Image | the image which appears in the playlist |
| Preview Image | if you want a preview image before playing please add it here |
| Category | each movie can belong to one category or to many categories. Just put ";" between them as a separator. As you can see in our example we've put the category " ALL CATEGORIES" at each movie This could be optional. Also, so this category could be the first one we've put a blank space before it |
FOR YOUTUBE MOVIES (it will automatically download from youtube, the preview image, movie title and description. You can overwrite youtube movie title, description and images by writing/adding your own) |
|
| Movie/Instance | path to the youtube movie. The link should be like http://www.youtube.com/watch?v=VIDEO_ID |
| Title | movie title. You can delete this line if you want the title to be exactly as the one on youtube.com. Write your own title if you want to overwrite youtube title |
| Description | movie descrition. You can delete this line if you want the description to be exactly as the one on youtube.com. Write your own description if you want to overwrite youtube description |
| Category | each movie can belong to one category or to many categories. Just put ";" between them as a separator. As you can see in our example we've put the category " ALL CATEGORIES" at each movie This could be optional. Also, so this category could be the first one we've put a blank space before it |
| Playlist Image | the image which appears in the playlist. You can ignore this field if you want the preview image to be exactly as the one on youtube.com. |
| Preview Image | if you want a preview image before playing please add it here. You can ignore this field if you want the preview image to be exactly as the one on youtube.com. |
From this section you can define the video player settings.
| General Settings | |
| Player Width | player width |
| Player Height | player height |
| Path to the Images XML | path to your playlist |
| Path to the CSS file | path to your css file |
| Show Information Button | if you don't want to present any information about your video just set it to false |
| Loop Video Playlist | true if you want your videos to loop, and false otherwise. It will loop inside a category |
| Auto Play | true if you want your video to autoplay, and false otherwise |
| Initial Volume Value | the initial volume value. It takes values between 1-100 |
| Flash Media Server Version | for RTMP, if you use Flash Media Server, please paste here the FMS version |
| Buffer Time | the buffer time. It can grow for a lower internet connection |
| Translate Buttons Informations on mouse over | |
| FullScreen | full screen button text - full screen state |
| Normal Mode | full screen button text - normal screen state |
| Share | share button text |
| Show Playlist | show/hide playlist button text - the playlist is not visible |
| Hide Playlist | show/hide playlist button text - the playlist is visible |
| Movie Information | movie information button text |
| Quality | quality button text |
| Rewind | rewind button text |
| Play | play button text |
| Pause | pause button text |
| Volume | volume button text |
| Previous | previous movie button text |
| Next | next movie button text |
| Show Buttons Description | true - enable buttons information on mouse over false- disable buttons information on mouse over |
| Timer Style | |
| Timer Font | timer font (font name) |
| Timer Color | timer color (hexa) |
| Timer Size | timer size |
| Timer Bold | timer bold: true or false |
| Timer Italic | timer italic: true or false |
| Top Left Movie Title Style | |
| Movie Title Font | top left movie title font (font name) |
| Movie Title Color | top left movie title color (hexa) |
| Movie Title Size | top left movie title size |
| Movie Title Bold | top left movie title bold: true or false |
| Movie Title Italic | top left movie title italic: true or false |
| Controllers OFF Text Style - PLAY & PAUSE BUTTON | |
| Controllers Font OFF State | controllers OFF state font (font name) |
| Controllers Color OFF State | controllers OFF state color (hexa) |
| Controllers Size OFF State | controllers OFF state title size |
| Controllers Bold OFF State | controllers OFF state bold: true or false |
| Controllers Italic OFF State | controllers OFF state italic: true or false |
| Controllers ON Text Style - PLAY & PAUSE BUTTON | |
| Controllers Font ON State | controllers ON state font (font name) |
| Controllers Font ON State | controllers ON state color (hexa) |
| Controllers Size ON State | controllers ON state size |
| Controllers Bold ON State | controllers ON state bold: true or false |
| Controllers Italic ON State | controllers ON state italic: true or false |
| Watermark | |
| Watermark Path | OPTIONAL you can have a watermark over the movie. |
| Watermark Link | watermark url |
| Video Display Settings: border, alpha | |
| Border Bottom&Top Dimension | border top and border bottom for video. Minimum size is 20 |
| Border Left&Right Dimension | border left and border right for video. |
| Border Color | border color (hexa). This is also the collor for the arrow buttons which appear over the movie. |
| Border Transparency | border transparency. It takes values between 1-100 |
| Volume | |
| Volume Main Color | volume main color |
| Volume Faded Color | volume faded color |
| Seek Bar Colors | |
| SeekBar Main Color | seek bar main color (hexa) |
| SeekBar Progress Bar Color | progess bar color (hexa) |
| SeekBar Buffer Bar Color | buffer bar color (hexa) |
| Categories Settings | |
| Show Categories Menu | if you have just one category or you just don't want to show the categories set this property to false |
| Sort Categories | sort categories: true or false |
| Categories Arrow Color | categories drop down arrow color (hexa) |
| Movies | translation for word "movies" |
| Categories Title Font OFF State | selected category OFF state font (font name) |
| Categories Title Color OFF State | selected category OFF state color (hexa) |
| Categories Title Size OFF State | selected category OFF state size |
| Categories Title Bold OFF State | selected category OFF state bold: true or false |
| Categories Title Italic OFF State | selected category OFF state italic: true or false |
| Categories Title Font ON State | selected category ON state font (font name) |
| Categories Title Color ON State | selected category ON state color (hexa) |
| Categories Title Size ON State | selected category ON state size |
| Categories Title Bold ON State | selected category ON state bold: true or false |
| Categories Title Italic ON State | selected category ON state italic: true or false |
| Categ Unit Background Color OFF State | regular category OFF state background color (hexa) |
| Categ Unit Bottom Line Color OFF State | regular category OFF state font (font name) |
| Categories Regular Font OFF State | regular category OFF state font (font name) |
| Categories Regular Color OFF State | regular category OFF state color (hexa) |
| Categories Regular Size OFF State | regular category OFF state size |
| Categories Regular Bold OFF State | regular category OFF state bold: true or false |
| Categories Regular Italic OFF State | regular category OFF state italic: true or false |
| Categ Unit Background Color ON State | regular category ON state background color (hexa) |
| Categ Unit Bottom Line Color ON State | regular category ON state font (font name) |
| Categories Regular Font ON State | regular category ON state color (hexa) |
| Categories Regular Size ON State | regular category ON state size |
| Categories Regular Bold ON State | regular category ON state bold: true or false |
| Categories Regular Italic ON State | regular category ON state italic: true or false |
| Playlist Settings | |
| Playlist Width | playlist width |
| Playlist Height | playlist height when opened |
| Playlist Distance | the distance between player and playlist |
| Show Playlist On Init | true - shows the playlist on load false - hidess the playlist on load. To show it, the user will have to press a button |
| Playlist Background Color | playlist background color (hexa) |
| Playlist Unit Bg Color OFF State | playlist unit background color, OFF state (hexa) |
| Playlist Unit Border Color OFF State | playlist unit border color, OFF state (hexa) |
| Playlist Unit Bg Color ON State | playlist unit background color, ON state (hexa) |
| Playlist Unit Border Color ON State | playlist unit border color, ON state (hexa) |
| Scroll Color OFF State | playlist and category list scroll color - OFF state (hexa) |
| Scroll Color ON State | playlist and category list scroll color - ON state (hexa) |
| YouTube quality settings | |
| Initial Youtube Quality | YouTube initial quality initialization. Possible values: small, medium, large, hd720, hd1080, highres |
| Qualities Background Color | quality unit background color (hexa) |
| Qualities Font OFF State | quality OFF state font (font name) |
| Qualities Color OFF State | quality OFF state color (hexa) |
| Qualities Size OFF State | quality OFF state size |
| Qualities Bold OFF State | quality OFF state bold: true or false |
| Qualities Italic OFF State | quality OFF state italic: true or false |
| Qualities Font ON State | quality ON state font (font name) |
| Qualities Color ON State | quality ONstate color (hexa) |
| Qualities Size ON State | quality ON state size |
| Qualities Bold ON State | quality ON state bold: true or false |
| Qualities Italic ON State | quality ON state italic: true or false |
| Share Box Settings: colors, links, text translation | |
| Show Share Button | true if you want to show share button, and false otherwise |
| Share Form Background Color | background color of share from (hexa) |
| Share Form Background Transparency | background transparency of share from. It takes values between 1-100 |
| Share Form Buttons Color | the background color of share buttons, "Copy" and "Send" (hexa) |
| Share Form Link Text | the text which appears in the share form near "link to the video" input box. For translation purpose we've put here the text. Change it if you consider fit another text |
| Share Form Embeded Text | the text which appears in the share form near "embed code" input box. For translation purpose we've put here the text. Change it if you consider fit another text |
| Share Form Send Friend Text | the text which appears in the share form invinting to send to a friend the link to the visionated video. For translation purpose we've put here the text. Change it if you consider fit another text |
| Share Form Your Email Text | the text which appears in the share form near "your e-mail" input box. For translation purpose we've put here the text. Change it if you consider fit another text |
| Share Form Friend Email Text | the text which appears in the share form near "friend email" input box. For translation purpose we've put here the text. Change it if you consider fit another text |
| Share Form Path To Html File | when send button is clicked the "the friend" will receive an email containing the direct link to the video. For this reason two parametrs are sent: video ID and category name. Usualy the link to the page is a .php file in order to read the parameters (a HTML file will not read the parameters) DON'T FORGET TO PUT "?" at the end of your link |
| Mail Subject | the subject of the email sent to "your friend". For translation purpose we've put here the text. Change it if you consider fit another text |
| Mail Content | The text which appears in the email sent to "your friend". For translation purpose we've put here the text. Change it if you consider fit another text. DON'T MODIFY THIS PART "href="[videolink_txt]" BECAUSE "[videolink_txt]" IT WILL BE REPLACED WITH WHAT YOU PUT AT <shareFormPathToHtmlFile> |
| Social NetWorks | here you can define the links for the social networks. Please put them in one line |
| Google Analytics settings | |
| Google Traking On | you can insert google analytics to your site and track your videos. Each time a video is played it will be tracked. Set this to false if you are not interested in google analytics for your site/player |
| Google Traking Code | the google analytics code. Change it to your own code provided by Google Analytics |
| Search Text style and translation | |
| Show Search | true - enable search area false- disable search area |
| Search Font | search text font (font name) |
| Search Color | search text color (hexa) |
| Search Background Color | search text background color (hexa) |
| Search Size | search text size |
| Search Bold | search text bold: true or false |
| Search Italic | search text italic: true or false |
| Search Input Text Loading Message | the message that is displayed to the user when the title and description information are retreived form YouTube. For translation purpose we've put here the text. Change it if you consider fit another text |
| Search Input Text Message | the message that is displayed to the user when the retreive of all titles and descriptions information from YouTube is complete. For translation purpose we've put here the text. Change it if you consider fit another text |
Also, the player has a CSS file that can be edited.
| playlistTitleOFF | css class for the movie title in the playlist - OFF state |
| playlistDescOFF | css class for the movie description in the playlist - OFF state |
| playlistTitleON | css class for the movie title in the playlist - ON state |
| playlistDescON | css class for the movie description in the playlist - ON state |
| infoTitle | css class for information title or movie title |
| infoDesc | css class for movie descrition |
| infoLink | css class for a link movie in description |
The shortcode is:
[lbg_vp1 settings_id='1' bgcolor='#FFFFFF']
where
bgcolor is the HTML background for the player
settings_id is the player ID defined in "Manage Players" section
OPTIONAL Parameters:
init_category - use it to specify a certain category to initialize the player. Ex: [lbg_vp1 settings_id='1' bgcolor='#FFFFFF' init_category='Action']
init_movie_number - use it to specify a certain movie within the category to initialize the player. The counting starts from 0 and it indicates the position in the playlist within a category. Ex: [lbg_vp1 settings_id='1' bgcolor='#FFFFFF' init_category='Action' init_movie_number='2']