Elite Video Player - WordPress plugin


Thank you for purchasing my item. If you have any questions that are beyond the scope of this help file, please feel free to email me via my user page contact form on CodeCanyon. Thanks so much!

This is HTML5 ready video player for wordpress that plays videos from YouTube, Vimeo and self hosted videos (mp4) with optional pre-roll advertising system for each video you create.

Player supports gallery (with unlimited videos) which can be on right side or turned off. 

You can add videos to playlist manually or automatically (from youtube playlist or youtube user channel).

Inside the download zip from CodeCanyon you'll find the following structure:



documentation - documentation how to install and use Elite video player

jQuery plugin - jQuery version of Elite video player

Elite-video-player.zip - wordpress plugin of Elite video player

 

You can install 'Elite-video-player' plugin on 2 ways:

1. Automatically

To install plugin automatically:

- unzip downloaded content from CodeCanyon

- login into your wordpress Admin panel,

- select Plugins -> Add New -> Upload plugin

 

- in unzipped content go to 'main' folder 

- click on 'Choose file' and select 'Elite-video-player.zip'  

- click  'Install Now'

- click 'Activate plugin'

 

 

2. Manuall copy/paste into your wordpress: 

To install 'Elite-video-player' plugin manually:

 - unzip downloaded content from CodeCanyon

 - go into 'main' folder

 - unzip 'Elite-video-player.zip'

 - Go to your 'wordpress' folder and find 'wp-content'

- go to 'plugins' folder

- copy/paste folder called 'Elite-video-player' into 'wp-content/plugins'

- 'plugins' folder structure should look like this now:

Once you have placed 'Elite-video-player' into 'wp-content/plugins' ,

go to your Wordpress Admin page and activate the plugin.

Once you have Elite video player activated you can start creating your player.

To create your first player you need to go to the player admin:

- click 'Elite video player' directly from Admin page menu

- or click 'Admin' on Elite video player plugin section

- or click on the Settings -> Elite Video Player)

 

Then, you can create your first player by clicking either 'Add New' or 'Create New Player'

 

Player admin page have one main menu: 'Player settings', and 'Videos'

Player settings - all global player settings

Videos - all videos in player

 

All player settings:

 

To add video to player, first select video player 'type' by clicking 'videos' from main menu.

You can choose one of 5 types of videos:

1. HTML5 (self-hosted) - manually build your playlist with self hosted mp4 videos

2. YouTube - manually build your playlist with videos from youtube

3. YouTube playlist - automatically generated playlist (if you have custom playlist on youtube)

4. YouTube channel - automatically generated playlist (if you have youtube channel and want to always load all videos into player , including last uploaded on your channel)

5. Vimeo - manually build your playlist with videos from vimeo

 

 

1. HTML5 (self-hosted) - manually build your playlist with self hosted mp4 videos

 

2. YouTube - manually build your playlist with videos from youtube

 

3. YouTube playlist - automatically generated playlist (if you have custom playlist on youtube)

4. YouTube channel - automatically generated playlist (if you have youtube channel and want to always load all videos into player , including last uploaded on your channel)

 

5. Vimeo - manually build your playlist with videos from vimeo

 

If you use self-hosted videos (videoType:"HTML5"), you will need to provide only mp4 format to make player work cross-browsers on all platforms (desktop and mobile phones/tablets).

To convert your video to mp4 you can use this online converter, or any other similar software.

 

To embedd 'EliteVideo Player' you need to use shortcode [Elite_video_player id="YOUR_PLAYER_ID"]

Save your settings and go back to the players list by clicking 'back to players list':

 

 

You can insert 'EliteVideo Player' into any page or post just by copying shortcode (into page or post)

:

 

 

Insert into post:

- go to Posts -> Edit Post (or new post), insert your shortcode and click 'update':

 

 

Insert into page:

- go to Pages-> Edit Page (or new page), insert your shortcode and click 'update':

You can customize look of your player by inserting any color as "color accent" option. 

Color accent can be hexadecimal value (#cc181e) or rbg value ( rgb(204,24,30)).

colorAccent:"#cc181e"

is equvalent to:

colorAccent:"rgb(204, 24, 30)"

To choose color accent for your player you can use one of these online color pickers:

http://www.colorpicker.com/ 

http://www.w3schools.com/tags/ref_colorpicker.asp

http://www.rapidtables.com/web/color/color-picker.htm

This tool can be useful if you want to match your website colors http://www.imagecolorpicker.com/

 

 

Popular pre-built colors you can use:

 

To customize vimeo and youtube players separately use this options:

 

To customize playlist scrollbar set one of the pre-built scrollbar themes:

 

"light","minimal","light-2","light-3","light-thick","light-thin","inset","inset-2","inset-3","rounded","rounded-dots","3d"

Visitors of your wordpress site can use embed code option to embed your video player in their HTML sites.
 
How embed code works:
 
you have folder called "jQuery plugin" that containes jQuery version of the player (not related to wordpress).
 
In there you will find "source" and "deploy" folders that are the same only "deploy" containes minified code and "source" containes all source code.
 
Edit index.html (in deploy folder) to setup the jQuery version of the player (in index.html are all plugin options - width, height, videos etc...).
 
You need to upload your "deploy" folder to your server for example to "new folder".
 
Than, you will have jQuery video player in the:
 
http://yourserver/new folder/deploy/index.html
 
 
 
Go to your wordpress plugin options and set :
Embed code iframe src: http://yourserver/new folder/deploy/index.html
Embed code iframe width: 746
Embed code iframe height: 420
 
and than in your wordpress, player embed code will be shown as set above.
Self-hosting video usage:
 
Some servers don't have support for HTML5 video by default.
 
Although it may seems like the video player is refusing to play the video with your browsers. This is usually caused by the web server’s inability to recognize these video formats and it has nothing to do with the HTML5 video player.
 
The solution to these problems can be fixed by adding video MIME types to server. You need to edit the .htaccess file and add the following line to your .htaccess file:
 
AddType video/mp4 .mp4
URL's to your self-hosted videos needs to be an absolute URL:
 
Example:
http://server/video.mp4
 

Vimeo usage:

If you use vimeo player, you’ll need to be running on a web server instead of opening the file directly in your browser. Flash and JS security restrictions will prevent the API from working when run locally.

If you like this product please give a rating on CodeCaynon:

HTML5 Video Player & Advertising - WordPress plugin

HTML5 Video Player with Youtube, Vimeo - Wordpress plugin
 
Responsive Video Gallery Youtube HTML5 & Subtitles
 
Elegant - YouTube | HTML5 Responsive Video Player
 
Responsive HTML5 Video Player & Gallery
 
HTML5 Responsive Video Player & Advertising
 
3 in 1 - Video players pack Youtube / Vimeo / Flv / Mp3 / Image / Advertising
 
Fully customisable youtube/vimeo/flv/mp3/images video player & gallery v2
 
Fully customisable youtube/vimeo/flv/mp3/images video player & gallery v1
 
VIMEO / YOUTUBE / FLV VIDEO PLAYER WITH PLAYLIST