{"version": "2.0","name": "Elite Video Player - WordPress plugin","subline": "","username": "_CreativeMedia_","created": "02/20/2015","website": "https://codecanyon.net/user/_creativemedia_/portfolio","update": "08/25/2020","update_today": true,"email": "","description": "","intro": "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!","button_1_text": "Email me","button_2_text": "CodeCanyon portfolio","button_3_text": "ActiveDen portfolio","button_1_url": "https://codecanyon.net/user/_creativemedia_#contact","button_2_url": "https://codecanyon.net/user/_creativemedia_/portfolio","button_3_url": "http://activeden.net/user/_creativemedia_/portfolio","sections": [{"title": "Elite Video Player main features","id": "elite_video_player_main_features","content": "<p>\tThis is HTML5 ready video player for wordpress that plays videos from:</p>\n<p>\t- YouTube (single, channel, playlist),</p>\n<p>\t- Vimeo,</p>\n<p>\t- self-hosting videos (only mp4 required),</p>\n<p>\t- Google drive videos,</p>\n<p>\t- Dropbox videos,</p>\n<p>\t- local videos,</p>\n<p>\t- Amazon S3</p>\n<p>\t- and LiveStreaming HLS m3u8 videos</p>\n<p>\twith optional pre-roll advertising system for each video you create.</p>\n<p>\tPlayer supports playlist (with unlimited videos) which can be on right-side/bottom or turned off.&nbsp;</p>\n<p>\tYou can add videos to playlist manually or automatically (from youtube playlist or youtube user channel).</p>\n"},{"title": "Directory and files explanation","id": "directory_and_files_explanation","content": "<p>\tInside the download zip from CodeCanyon you&#39;ll find the following structure:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/directory.jpg\" style=\"width: 353px; height: 142px;\"><br>\n\t<br>\n\t<strong>documentation</strong>&nbsp;- documentation how to install and use Elite video player</p>\n<p>\t<strong>jQuery plugin&nbsp;</strong>- jQuery version of Elite video player</p>\n<p>\t<strong>Elite-video-player.zip</strong> - wordpress plugin of Elite video player</p>\n<p>\t&nbsp;</p>\n"},{"title": "Installation","id": "installation","content": "<p>\tYou can install &#39;Elite-video-player&#39; plugin on 2 ways:</p>\n<p>\t&nbsp;</p>\n<p>\t<strong>1. Automatically (most common)</strong></p>\n<p>\tTo install plugin automatically:</p>\n<p>\t- unzip downloaded content from CodeCanyon</p>\n<p>\t- login into your wordpress Admin panel,</p>\n<p>\t- select Plugins -&gt; Add New</p>\n<p>\t- click on &#39;Upload plugin&#39; -&gt; &#39;Choose file&#39; and select &#39;Elite-video-player.zip&#39; file from &#39;main&#39; folder (&nbsp;from unzipped content)</p>\n<p>\t- click &nbsp;&#39;Install Now&#39;</p>\n<p>\t- click &#39;Activate plugin&#39;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/1_EliteInstall.png\"></p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/2_EliteInstall.png\"></p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/3_EliteInstall.png\" style=\"width: 854px; height: 621px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\t<strong>2. Manuall copy/paste into your wordpress:&nbsp;</strong></p>\n<p>\tTo install &#39;Elite-video-player&#39; plugin manually:</p>\n<p>\t&nbsp;- unzip downloaded content from CodeCanyon</p>\n<p>\t&nbsp;- go into &#39;main&#39; folder</p>\n<p>\t&nbsp;- unzip &#39;Elite-video-player.zip&#39;</p>\n<p>\t&nbsp;- Go to your &#39;wordpress&#39; folder and find &#39;wp-content&#39;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/install5.jpg\"></p>\n<p>\t- go to &#39;plugins&#39; folder</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/install6.jpg\" style=\"width: 570px; height: 127px;\"></p>\n<p>\t- copy/paste folder called &#39;Elite-video-player&#39;&nbsp;into &#39;wp-content/plugins&#39;</p>\n<p>\t- &#39;plugins&#39; folder structure should look like this now:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/install7.jpg\"></p>\n<p>\tOnce you have placed &#39;Elite-video-player&#39; into &#39;wp-content/plugins&#39; ,</p>\n<p>\tgo to your Wordpress Admin page and activate the plugin:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/18_EliteInstall.png\"></p>\n"},{"title": "Create player","id": "create_player","content": "<p>\tOnce you have Elite video player&nbsp;<em>activated&nbsp;</em>you can start creating your player.</p>\n<p>\tTo create your first player you need to go to the <strong><em>player admin page</em></strong>:</p>\n<p>\t-&nbsp;select &#39;Elite video player&#39; directly from Admin page menu</p>\n<p>\t(or select &#39;Admin&#39; on Elite video player plugin section)</p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/4_EliteInstall.png\"></p>\n<p>\t&nbsp;</p>\n<p>\tThen, you can create your first player by selecting &#39;Create New Player&#39;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/5_EliteInstall.png\" style=\"width: 1920px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n"},{"title": "Player Admin","id": "player_admin","content": "<p>\tPlayer admin page have one main menu: &#39;Player settings&#39;, and &#39;Videos&#39;</p>\n<p>\t<strong>Player settings</strong> - all global player settings</p>\n<p>\t<strong>Videos</strong> - all videos in player</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/6_EliteInstall.png\" style=\"width: 1920px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\tAll player settings:</p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/19_EliteInstall.png\"></p>\n<p>\t&nbsp;</p>\n"},{"title": "Adding videos","id": "adding_videos","content": "<p>\tTo add video to player, select video player &#39;type&#39;:</p>\n<p>\tYou can choose one of 5 types of videos:</p>\n<p>\t1. <strong>HTML5 (self-hosted) </strong>- manually build your playlist with self hosted videos.</p>\n<p>\tThis is used for:</p>\n<p>\t<strong>- mp4 from your server, </strong></p>\n<p>\t<strong>- Dropbox, </strong></p>\n<p>\t<strong>- Google Drive, </strong></p>\n<p>\t<strong>- Amazon S3, </strong></p>\n<p>\t<strong>- Openload, </strong></p>\n<p>\t<strong>- HLS m3u8, </strong></p>\n<p>\t<strong>- or direct mp4 Vimeo url.</strong></p>\n<p>\t<strong>Please read Support section on how to play different Self hosted videos:</strong></p>\n<p>\t<strong><a href=\"https://codecanyon.net/item/elite-video-player-wordpress-plugin/10496434/support\">https://codecanyon.net/item/elite-video-player-wordpress-plugin/10496434/support</a></strong></p>\n<p>\t2. <strong>YouTube</strong> - manually build your playlist with videos from youtube</p>\n<p>\t3. <strong>YouTube playlist </strong>- automatically generated playlist (if you have custom playlist on youtube)</p>\n<p>\t4. <strong>YouTube channel</strong> - automatically generated playlist (if you have youtube channel and want to always load all videos into player , including last uploaded on your channel)</p>\n<p>\t5. <strong>Vimeo </strong>- manually build your playlist with videos from vimeo</p>\n<p>\t&nbsp;</p>\n<p>\tFirst, select video player type.</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/7_EliteInstall.png\" style=\"width: 1920px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\tThan, setup your videos.</p>\n<p>\t&nbsp;</p>\n<p>\t<strong>Examples of different video types:</strong></p>\n<p>\t<strong>- mp4 from own server :&nbsp;</strong><a href=\"http://creativeinteractivemedia.com/player/videos/Pieces.mp4\">http://creativeinteractivemedia.com/player/videos/Pieces.mp4</a></p>\n<p>\t<strong>- HLS Livestream m3u8 example:&nbsp;</strong><a href=\"http://www.streambox.fr/playlists/x31e0e7/x31e0e7.m3u8\">http://www.streambox.fr/playlists/x31e0e7/x31e0e7.m3u8</a></p>\n<p>\t<strong>- Google Drive video example&nbsp; :&nbsp;</strong><a href=\"https://https:/drive.google.com/uc?export=download&amp;id=0B_w6KZmZrs5gZkM1Y0J2M1F2S2c\">https://https:/drive.google.com/uc?export=download&amp;id=0B_w6KZmZrs5gZkM1Y0J2M1F2S2c</a></p>\n<p>\t<strong>- Dropbox video example :&nbsp;</strong><a href=\"https://dl.dropboxusercontent.com/s/2vk6th1v9e8fqci/Broadcast_People_Package.mp4?dl=0\">https://dl.dropboxusercontent.com/s/2vk6th1v9e8fqci/Broadcast_People_Package.mp4?dl=0</a></p>\n<p>\t***Important note***:</p>\n<p>\tThese videos should work directly in browser address bar (video will be played or downloaded automatically).</p>\n<p>\tIf video url throws error, it will not display in Elite video player so please test your url in browser first.</p>\n<p>\t&nbsp;</p>\n<p>\tIf you use Youtube/Vimeo, you need ID, which is last part of the url:</p>\n<p>\t<strong>- Youtube single video example :&nbsp;<a href=\"https://www.youtube.com/watch?v=S5x_P0j89dU\">https://www.youtube.com/watch?v=S5x_P0j89dU</a>&nbsp;</strong><strong>(youtubeID -&gt;&nbsp;S5x_P0j89dU)</strong></p>\n<p>\t<strong>- Youtube playlist example :&nbsp;<a href=\"https://www.youtube.com/playlist?list=PLuFX50GllfgP_mecAi4LV7cYva-WLVnaM\">https://www.youtube.com/playlist?list=PLuFX50GllfgP_mecAi4LV7cYva-WLVnaM</a></strong></p>\n<p>\t<strong>(youtubePlaylistID -&gt; PLuFX50GllfgP_mecAi4LV7cYva-WLVnaM)</strong></p>\n<p>\t<strong>- Youtube channel example :&nbsp;<a href=\"https://www.youtube.com/channel/UCHqaLr9a9M7g9QN6xem9HcQ\">https://www.youtube.com/channel/UCHqaLr9a9M7g9QN6xem9HcQ</a></strong></p>\n<p>\t<strong>(youtubeChannelId -&gt;&nbsp;<a href=\"https://www.youtube.com/channel/UCHqaLr9a9M7g9QN6xem9HcQ\">UCHqaLr9a9M7g9QN6xem9HcQ</a>)</strong></p>\n<p>\t<strong>- Vimeo video example:&nbsp;<a href=\"https://vimeo.com/12027904\">https://vimeo.com/12027904</a></strong></p>\n<p>\t<strong>(VimeoID -&gt;&nbsp;<a href=\"https://vimeo.com/12027904\">12027904</a>)</strong></p>\n<p>\t&nbsp;</p>\n<p>\t<strong>1.&nbsp;</strong><strong>HTML5 (self-hosted)&nbsp;</strong>- manually build your playlist with self hosted videos.</p>\n<p>\tThis is used for:</p>\n<p>\t<strong>- mp4 from your server</strong></p>\n<p>\t<strong>- Dropbox,</strong></p>\n<p>\t<strong>- Google Drive,</strong></p>\n<p>\t<strong>- Amazon S3,</strong></p>\n<p>\t<strong>- Openload,</strong></p>\n<p>\t<strong>- HLS m3u8,</strong></p>\n<p>\t<strong>- or direct mp4 Vimeo url.</strong></p>\n<p>\t<strong>Please read Support section on how to play different Self hosted videos:</strong></p>\n<p>\t<strong><a href=\"https://codecanyon.net/item/elite-video-player-wordpress-plugin/10496434/support\">https://codecanyon.net/item/elite-video-player-wordpress-plugin/10496434/support</a></strong></p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/8_EliteInstall.png\" style=\"width: 1903px; height: 2323px;\"></p>\n<p>\t<strong>2. YouTube singles - </strong>manually build your playlist with videos from youtube</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/10_EliteInstall.png\" style=\"width: 1903px; height: 2167px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t<strong>3. YouTube playlist - </strong>automatically generated playlist (you can use any custom playlist from youtube)</p>\n<p>\tTo get Youtube API Key for your video player follow these steps:&nbsp;</p>\n<p>\t<a href=\"https://developers.google.com/youtube/v3/getting-started\">https://developers.google.com/youtube/v3/getting-started</a></p>\n<p>\tor watch the video tutorial:</p>\n<p>\t<a href=\"https://www.youtube.com/watch?v=Im69kzhpR3I&amp;feature=emb_title\">https://www.youtube.com/watch?v=Im69kzhpR3I&amp;feature=emb_title</a></p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/9_EliteInstall.png\" style=\"width: 1903px; height: 1366px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\t<strong>4. YouTube channel - </strong>automatically generated playlist (if you have youtube channel and want to always load all videos into player , including last uploaded on your channel)</p>\n<p>\tTo get Youtube API Key for your video player follow these steps:&nbsp;</p>\n<p>\t<a href=\"https://developers.google.com/youtube/v3/getting-started\">https://developers.google.com/youtube/v3/getting-started</a></p>\n<p>\tor watch the video tutorial:</p>\n<p>\t<a href=\"https://www.youtube.com/watch?v=Im69kzhpR3I&amp;feature=emb_title\">https://www.youtube.com/watch?v=Im69kzhpR3I&amp;feature=emb_title</a></p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/11_EliteInstall.png\" style=\"width: 1903px; height: 1338px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\t<strong>5. Vimeo - </strong>manually build your playlist with videos from vimeo</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/12_EliteInstall.png\" style=\"width: 1903px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t6. <strong>Mixed videos:&nbsp;&nbsp;</strong></p>\n<p>\tYou can also use different videos per player.</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/13_EliteInstall.png\" style=\"width: 1920px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n"},{"title": "HTML5 Captions (Subtitles)","id": "html5_captions_subtitles","content": "<div>\n\t<strong>Closed Captions (Subtitles) can be displayed on the following videos:</strong></div>\n<div>\n\t- mp4 from your server (or any other server)</div>\n<div>\n\t- Google Drive video</div>\n<div>\n\t- Dropbox videos</div>\n<div>\n\t- m3u8 HLS videos</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tTo add subtitles go to Videos -&gt; (Add New Video) -&gt; Subtitles url -&gt; Select subtitles and upload your .vtt file in Media Library, select .vtt file and click Select.</div>\n<div>\n\tIf you already have .vtt file on your server, insert url into &quot;Subtitles url&quot; field.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t* Self hosted videos require WebVTT format of subtitles (.vtt).</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp; If you have subtitles in SubRip Text (SRT) format, it can be easily converted to WebVTT using an online converter &quot;srt2vtt&quot;:</div>\n<div>\n\t&nbsp; -&gt;&nbsp;<a href=\"https://atelier.u-sub.net/srt2vtt/\">https://atelier.u-sub.net/srt2vtt/</a></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t* Example of WebVTT file:</div>\n<div>\n\t<a href=\"http://creativeinteractivemedia.com/player/captions/developerStories-subtitles-en.vtt\">http://creativeinteractivemedia.com/player/captions/developerStories-subtitles-en.vtt</a></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t* Details about WebVTT files can be found here:&nbsp;</div>\n<div>\n\t<a href=\"https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#WebVTT_files\">https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#WebVTT_files</a></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;*** Important notes</div>\n<div>\n\t&nbsp; &nbsp; - captions won&#39;t work locally, everything needs to be on the server</div>\n<div>\n\t&nbsp; &nbsp; - if your server still doesn&#39;t recognize captions, you probably need to add MIME type to config file:</div>\n<div>\n\t&nbsp; &nbsp; &nbsp; The MIME type of WebVTT is text/vtt.</div>\n"},{"title": "HTML5 Video thumbnails","id": "html5_video_thumbnails","content": "<p>\tYou can display video thumbnails on mouse hover over progress bar.</p>\n<p>\tVideo thumbnails can be &quot;live&quot; or &quot;vtt&quot;.</p>\n<p>\t<strong>1. &quot;live&quot;</strong>&nbsp;- video thumbnails will be automatically generated live from video.</p>\n<p>\t<strong>2. &quot;vtt&quot;</strong>&nbsp;- video thumbnails needs to be pre-configured with .vtt file and .jpg file (you can find them in folder /<em>captions</em>)</p>\n<p>\tTo turn off video thumbnails set <strong>&quot;none&quot;</strong>.</p>\n<p>\t&nbsp;</p>\n<p>\tTo enable <strong>LIVE </strong>video thumbnails go to:</p>\n<p>\t- Player settings -&gt; HTML5 Player -&gt; HTML5 video progress thumbnails, and select &quot;live&quot;.</p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<div>\n\t<p>\t\tTo enable <strong>VTT </strong>video thumbnails go to:</p>\n\t<p>\t\t- Player settings -&gt; HTML5 Player -&gt; HTML5 video progress thumbnails, and select &quot;vtt&quot;.</p>\n\t<p>\t\tThan go to:</p>\n\t<p>\t\t- Videos (Select video player type : HTML5 self-hosted)</p>\n\t<p>\t\t-&gt; Video thumbnails .vtt, and select your configured .vtt file (see example in folder <strong>captions/videoThumbnails.vtt</strong> file)</p>\n\t<p>\t\t-&gt; Video thumbnails .jpg, and select your sprite sheet image (see example in folder <strong>captions/videoThumbnails.jpg </strong>file)</p>\n\t<p>\t\t&nbsp;</p>\n</div>\n<p>\t&nbsp;</p>\n<p>\t*** Important notes</p>\n<p>\t&nbsp;&nbsp;&nbsp; - vtt video thumbnails won&#39;t work locally, everything needs to be on the server</p>\n<p>\t&nbsp;&nbsp;&nbsp; - if your server still doesn&#39;t recognize captions, you probably need to add MIME type to config file:</p>\n<p>\t&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The MIME type of WebVTT is text/vtt.</p>\n"},{"title": "Create multiple video players - quickly","id": "create_multiple_video_players_quickly","content": "<p>\tIf your goal is to have many single videos accross website pages here&#39;s short tutorial how to do that quick and easy.&nbsp;</p>\n<p>\tNo need to create new player each time, just use Duplicate button for every next video you want to post,&nbsp;and just change it&#39;s mp4 url (or whichever video type you&#39;re using - Youtube ID,Vimeo ID etc.)</p>\n<p>\t<a href=\"https://www.youtube.com/watch?v=S5x_P0j89dU\">https://www.youtube.com/watch?v=S5x_P0j89dU</a></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n"},{"title": "Self-hosted video formats (mp4)","id": "self_hosted_video_formats_mp4","content": "<p>\tIf you use self-hosted videos (videoType:&quot;HTML5&quot;),&nbsp;you will need to provide only mp4 format to make player work cross-browsers on all platforms (desktop and mobile phones/tablets).</p>\n<p>\tTo convert your video to <strong>mp4&nbsp;</strong>you can use this online <strong><a href=\"http://video.online-convert.com/convert-to-webm\">converter</a>, </strong>or any other similar software.</p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_images_Ultimate_Video_Player_WP/converter.jpg\" style=\"width: 554px; height: 575px;\"></p>\n"},{"title": "Embedding (into page or post)","id": "embedding_into_page_or_post","content": "<p>\tTo insert &#39;EliteVideo Player&#39; you need to use shortcode&nbsp;<span style=\"color: rgb(85, 85, 85); font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 19.5px;\">[Elite_video_player id=&quot;YOUR_PLAYER_ID&quot;]</span></p>\n<p>\tSave your settings and go back to the players list by clicking &#39;back to players list&#39;:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/14_EliteInstall.png\" style=\"width: 1920px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\tYou can insert &#39;EliteVideo Player&#39; into any&nbsp;<strong>page or post </strong>just&nbsp;by copying shortcode (into page or post):</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/15_EliteInstall.png\" style=\"width: 1920px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/16_EliteInstall.png\" style=\"width: 1903px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/17_EliteInstall.png\" style=\"width: 1903px; height: 1094px;\"></p>\n<p>\t&nbsp;</p>\n"},{"title": "Shortcode parameters","id": "shortcode_parameters","content": "<p>\tYou can pass parameters to shortcode directly, so you don&#39;t need to go to Player Settings each time you want to change player setting.</p>\n<div>\n\tShortcode parameter can accept array of multiple values. (each value is for 1 video in playlist, in order, separated by , without spaces between)</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tFor example:</div>\n<div>\n\t&nbsp;</div>\n<pre class=\"js\">\nshortcodeparameter=&#39;value1,value2,value3&#39;\n\nfor playlist video 1-&gt;value1\nfor playlist video 2-&gt;value2\nfor playlist video 3-&gt;value3 </pre>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>List of shortcode parameters that can have multiple values:</strong></div>\n<div>\n\t&nbsp;</div>\n<pre class=\"html\">\nhtml5videos_sd=&#39;video1SD.mp4,video2SD.mp4,video3SD.mp4&#39;\nhtml5videos_hd=&#39;video1HD.mp4,video2HD.mp4,video3HD.mp4&#39;,\nhtml5videos_videoThumbnails_vtt=&#39;videoThumbnails1.vtt,videoThumbnails2.vtt,videoThumbnails3.vtt&#39;\nhtml5videos_videoThumbnails_img=&#39;videoThumbnails1.jpg,videoThumbnails2.jpg,videoThumbnails3.jpg,&#39;\nhtml5videos_title=&#39;title1,title2,title3&#39;\nhtml5videos_description=&#39;description1,description2,description3&#39;\nhtml5videos_thumb=&#39;thumb1,thumb2,thumb3&#39;\nhtml5videos_info=&#39;info1,info2,info3&#39;\nhtml5videos_captions=&#39;captions1.vtt, captions2.vtt,captions3.vtt&#39;\nprerolls=&#39;videoAD1.mp4,videoAD2.mp4,videoAD3.mp4&#39;\nprerolls_skipseconds=&#39;5,5,5&#39;\nprerolls_redirectonclick=&#39;url1,url2,url3&#39;\nmidrolls=&#39;videoAD1.mp4,videoAD2.mp4,videoAD3.mp4&#39;,\nmidrolls_displaytime=&#39;00:05.00:05,00:05&#39;\nmidrolls_skipseconds=&#39;5,5,5&#39;\nmidrolls_redirectonclick=&#39;url1,url2,url3&#39;\npostrolls=&#39;videoAD1.mp4,videoAD2.mp4,videoAD3.mp4&#39;\npostrolls_skipseconds=&#39;5,5,5&#39;\npostrolls_redirectonclick=&#39;url1,url2,url3&#39;\npopups=&#39;image1.jpg,image2.jpg,image3.jpg&#39;\npopups_displaytime=&#39;00:02,00:02,00:02&#39;\npopups_hidetime=&#39;00:08,00:08,00:08&#39;\npopups_redirectonclick=&#39;url1,url2,url3&#39;\nyoutubevideos=&#39;youtubeID1,youtubeID2,youtubeID3&#39;                (youtubeID=0dJO0HyE8xE, from https://www.youtube.com/watch?v=0dJO0HyE8xE)\nvimeovideos=&#39;vimeoID1,vimeoID2,vimeoID3&#39;                        (vimeoID=119641053, from https://vimeo.com/119641053)</pre>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>LIST ALL SHORTCODE OPTIONS:</strong></div>\n<div>\n\t&nbsp;</div>\n<pre class=\"js\">\n[Elite_video_player id=&quot;1&quot;\n    videoRatio=1.777\n    googleAnalyticsTrackingCode=&#39;UA-87467628-3&#39;\n    instanceTheme=&#39;dark&#39;\n    playerLayout=&#39;fixedSize&#39;\n    videoPlayerWidth=1006\n    videoPlayerHeight=420\n    iOSPlaysinline=true\n    floatPlayerOutsideViewport=true\n    lightBox=false lightBoxAutoplay=false\n    lightBoxThumbnail=&#39;http://creativeinteractivemedia.com/player/Elite_video_player/wp-content/uploads/2016/11/poster.jpg&#39;\n    lightBoxThumbnailWidth=200\n    lightBoxThumbnailHeight=220\n    lightBoxCloseOnOutsideClick=true\n    videoPlayerShadow=&#39;effect3&#39;\n    playlist=&#39;Right playlist&#39;\n    playlistShowOnlyThumbnails=&#39;false&#39;\n    playlistOrder=&#39;0,1,2&#39;\n    playlistBehaviourOnPageload=&#39;opened (default)&#39;\n    youtubeControls=&#39;custom controls&#39;\n    youtubeQuality=&#39;default&#39;\n    youtubeShowRelatedVideos=&#39;Yes&#39;\n    vimeoColor=&#39;00adef&#39;\n    colorAccent=&#39;#cc181e&#39;\n    onFinish=&#39;Play next video&#39;\n    autoplay=false\n    loadRandomVideoOnStart=&#39;No&#39;\n    posterImg=&#39;http://creativeinteractivemedia.com/player/Elite_video_player/wp-content/uploads/2016/11/poster.jpg&#39; posterImgOnVideoFinish=&#39;http://creativeinteractivemedia.com/player/Elite_video_player/wp-content/uploads/2016/11/poster2.jpg&#39;\n    HTML5VideoQuality=&#39;HD&#39;\n    HTML5videoThumbnails=&#39;live&#39;\n    preloadSelfHosted=&#39;none&#39;\n    hideVideoSource=false\n    showAllControls=true\n    rightClickMenu=true\n    ccShowOnHTML5Videos=true\n    ccShowOnVideoLoad=true\n    autohideControls=5\n    hideControlsOnMouseOut=&#39;No&#39;\n    shuffle=&#39;No&#39;\n    nowPlayingText=&#39;Yes&#39;\n    rewindShow=&#39;Yes&#39;\n    qualityShow=&#39;Yes&#39;\n    infoShow=&#39;Yes&#39;\n    shareShow=&#39;Yes&#39;\n    facebookShow=&#39;Yes&#39;\n    twitterShow=&#39;Yes&#39;\n    logoShow=&#39;Yes&#39;\n    logoPath=&#39;http://creativeinteractivemedia.com/player/Elite_video_player/wp-content/uploads/2016/11/logo.png&#39;\n    logoPosition=&#39;bottom-left&#39;\n    logoClickable=&#39;Yes&#39;\n    logoGoToLink=&#39;https://codecanyon.net/&#39;\n    allowSkipAd=true\n    embedShow=&#39;Yes&#39;\n    showGlobalPrerollAds=false\n    globalPrerollAds=&#39;url1;url2;url3;url4;url5&#39;\n    globalPrerollAdsSkipTimer=5\n    globalPrerollAdsGotoLink=&#39;http://codecanyon.net/&#39;\n    html5videos_sd=&#39;video1SD.mp4,video2SD.mp4,video3SD.mp4&#39;\n    html5videos_hd=&#39;video1HD.mp4,video2HD.mp4,video3HD.mp4&#39;\n    html5videos_videoThumbnails_vtt=&#39;videoThumbnails1.vtt,&#39;videoThumbnails3.vtt,&#39;videoThumbnails3.vtt&#39;\n    html5videos_videoThumbnails_jpg=&#39;videoThumbnails1.jpg,&#39;videoThumbnails3.jpg,&#39;videoThumbnails3.jpg&#39;\n    html5videos_title=&#39;title1,title2,title3&#39;\n    html5videos_description=&#39;description1,description2,description3&#39;\n    html5videos_thumb=&#39;thumb1,thumb2,thumb3&#39;\n    html5videos_info=&#39;info1,info2,info3&#39;\n    html5videos_captions=&#39;captions1.vtt, captions2.vtt,captions3.vtt&#39;\n    prerolls=&#39;videoAD1.mp4,videoAD2.mp4,videoAD3.mp4&#39;\n    prerolls_skipseconds=&#39;5,5,5&#39;\n    prerolls_redirectonclick=&#39;url1,url2,url3&#39;\n    midrolls=&#39;videoAD1.mp4,videoAD2.mp4,videoAD3.mp4&#39;,\n    midrolls_displaytime=&#39;00:05.00:05,00:05&#39;\n    midrolls_skipseconds=&#39;5,5,5&#39;\n    midrolls_redirectonclick=&#39;url1,url2,url3&#39;\n    postrolls=&#39;videoAD1.mp4,videoAD2.mp4,videoAD3.mp4&#39;\n    postrolls_skipseconds=&#39;5,5,5&#39;\n    postrolls_redirectonclick=&#39;url1,url2,url3&#39;\n    popups=&#39;image1.jpg,image2.jpg,image3.jpg&#39;\n    popups_displaytime=&#39;00:02,00:02,00:02&#39;\n    popups_hidetime=&#39;00:08,00:08,00:08&#39;\n    popups_redirectonclick=&#39;url1,url2,url3&#39;\n    youtubevideos=&#39;youtubeID1,youtubeID2,youtubeID3&#39;         \n    vimeovideos=&#39;vimeoID1,vimeoID2,vimeoID3&#39;\n*** youtubeAPIkey=&#39;YouTube API key&#39;\n    youtubePlaylistID=&#39;YouTube Playlist ID&#39;\n    youtubeChannelID=&#39;YouTube channel ID&#39;                \n]</pre>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n<p>\t*** <strong>youtubeAPIkey </strong>is required if you use youtube videos through shortcode parameters</p>\n<p>\tTo get Youtube API Key for your video player follow these steps:&nbsp;</p>\n<p>\t<a href=\"https://developers.google.com/youtube/v3/getting-started\">https://developers.google.com/youtube/v3/getting-started</a></p>\n<p>\tor watch the video tutorial:</p>\n<p>\t<a href=\"https://www.youtube.com/watch?v=Im69kzhpR3I&amp;feature=emb_title\">https://www.youtube.com/watch?v=Im69kzhpR3I&amp;feature=emb_title</a></p>\n<div>\n\t&nbsp;</div>\n<p>\t&nbsp;</p>\n<p>\t&nbsp;</p>\n"},{"title": "Google Drive","id": "google_drive","content": "<div>\n\tTo use Google Drive videos, you&#39;ll need to obtain google drive API key.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tHere&#39;s steps how to get Google Drive API key:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 1</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tvisit Google Cloud Platform and login with your Google account:&nbsp;<a href=\"https://console.cloud.google.com/apis/\">https://console.cloud.google.com/apis/</a></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 2</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tIn Google Cloud Platform dashboard, click to select a project, then click &quot;New Project&quot;.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey1.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey2.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 3</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tEnter &quot;Project name&quot; and click &quot;Create&quot;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey3.jpg\" style=\"width: 1920px; height: 1040px;\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 4</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tSelect your new &quot;Project name&quot; from dropdown menu and click &quot;Library&quot;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey4.jpg\" style=\"width: 1920px; height: 1040px;\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 5</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tSelect &quot;Google Drive API&quot; and click &quot;Enable&quot;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey5.jpg\" style=\"width: 1920px; height: 1089px;\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey6.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 6</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tTo create Google Drive API key, click &quot;Credentials&quot;, &quot;Create credentials&quot;, &quot;API key&quot;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tIn the popup API key dialog, copy the API key.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey7.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey8.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<div>\n\t\tAfter you get Google drive API key you&#39;ll need to restrict your key.</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tFollow this short tutorial on how to restrict Google drive API key:</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\t<a href=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/restrictGoogleDriveAPIKey.webm\">http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/restrictGoogleDriveAPIKey.webm</a></div>\n</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Step 7</strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tAfter the key is ready for usage you can create direct video url for video player.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tYou&#39;ll need <strong>VIDEO_ID </strong>and <strong>GOOGLE_DRIVE_KEY</strong>.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tTo get <strong>VIDEO_ID</strong>, go to your Google drive <a href=\"https://drive.google.com/drive/my-drive\">https://drive.google.com/drive/my-drive</a>, right-click on video and select &quot;Get shareable link&quot;.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey9.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tIn the popup dialog click &quot;Copy link&quot; and paste it somewhere in notepad:&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<pre class=\"plain\">\nhttps://drive.google.com/file/d/VIDEO_ID/view?usp=sharing</pre>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleDriveAPIkey_tutorial/googleDriveAPIkey10.jpg\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThan use your Google Drive API key to create actual video url for video player usage.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tFinal result of Google Drive video url:</div>\n<pre class=\"plain\">\nhttps://www.googleapis.com/drive/v3/files/VIDEO_ID?alt=media&amp;key=GOOGLE_DRIVE_KEY </pre>\n<div>\n\tInsert above link into video player into mp4 field (HD or SD, depending on your file quality).</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div class=\"alert alert-info\">\n\t***you can have HD and SD mp4 files on Google drive, for each repeat <strong>step 7</strong></div>\n"},{"title": "Google Analytics","id": "google_analytics","content": "<div>\n\tWith Google Analytics you can track Elite video player events:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t- Main video watched (ended)</div>\n<div>\n\t- Main video downloaded</div>\n<div>\n\t- AD video watched (ended)</div>\n<div>\n\t- AD video clicked</div>\n<div>\n\t- AD video skipped after x seconds</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t1. first create Google account</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t2. once you have Google account go here:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<a href=\"https://marketingplatform.google.com/about/analytics/\">https://marketingplatform.google.com/about/analytics/</a></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tto setup new Google Analytics account.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tClick &quot;Start For Free&quot; and fill out the informations.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleAnalytics/1_Start.png\" style=\"width: 1903px; height: 1045px;\"></div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleAnalytics/2_NewAccount.png\" style=\"width: 1920px; height: 1094px;\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<div>\n\t\t3. once you created Google Analytics account go to Analytics Home page</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\t<a href=\"https://analytics.google.com/analytics/web/#/report-home/\">https://analytics.google.com/analytics/web/#/report-home/</a></div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tand click ADMIN tab in bottom left corner.</div>\n</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleAnalytics/3_Home.png\" style=\"width: 1920px; height: 1094px;\"></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<div>\n\t\t4. Find &quot;Tracking Info&quot; and click &quot;Tracking code&quot;.</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tcopy code UA-87467628-3</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tand paste it into player options:</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tGeneral Settings -&gt; Google Analytics tracking code: &quot;UA-87467628-3&quot;</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleAnalytics/4_TrackingCode.png\" style=\"width: 1920px; height: 1045px;\"></div>\n</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<div>\n\t\t5. Than in left menu click &quot;REAL TIME&quot; -&gt; &quot;Events&quot; -&gt; &quot;Events(last 30min)&quot;</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tso you can track video player events in real time.</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/GoogleAnalytics/6_RealTimeEvents.png\" style=\"width: 1920px; height: 1045px;\"></div>\n</div>\n<div>\n\tHere you can track Elite video player events:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t- Main video watched (ended)</div>\n<div>\n\t- Main video downloaded</div>\n<div>\n\t- AD video watched (ended)</div>\n<div>\n\t- AD video clicked</div>\n<div>\n\t- AD video skipped after x seconds</div>\n"},{"title": "Customize look","id": "customize_look","content": "<p>\tYou can customize look of your player by inserting any color as &quot;color accent&quot; option.&nbsp;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/20_EliteInstall.png\" style=\"width: 1903px; height: 1045px;\"></p>\n<p>\t&nbsp;</p>\n<p>\tColor accent can be hexadecimal value (#cc181e) or rbg value ( rgb(204,24,30)).</p>\n<pre class=\"html\">\ncolorAccent:&quot;#cc181e&quot;</pre>\n<p>\tis equvalent to:</p>\n<pre class=\"html\">\ncolorAccent:&quot;rgb(204, 24, 30)&quot;</pre>\n<p>\tTo choose color accent for your player you can use one of these online color pickers:</p>\n<p>\t<a href=\"http://www.colorpicker.com/\">http://www.colorpicker.com/&nbsp;</a></p>\n<p>\t<a href=\"http://www.w3schools.com/tags/ref_colorpicker.asp\">http://www.w3schools.com/tags/ref_colorpicker.asp</a></p>\n<p>\t<a href=\"http://www.rapidtables.com/web/color/color-picker.htm\">http://www.rapidtables.com/web/color/color-picker.htm</a></p>\n<p>\tThis tool can be useful if you want to match your website colors&nbsp;<a href=\"http://www.imagecolorpicker.com/\">http://www.imagecolorpicker.com/</a></p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player/color_accent.png\" style=\"width: 623px; height: 345px;\"></p>\n<p>\tPopular pre-built colors you can use:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player/popular_colors.png\"></p>\n<p>\tTo customize Youtube player use this options:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/21_EliteInstall.png\"></p>\n<p>\tTo customize Vimeo player use this options:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/22_EliteInstall.png\" style=\"width: 1160px; height: 194px;\"></p>\n<p>\tTo customize playlist scrollbar set one of the pre-built scrollbar themes:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/23_EliteInstall.png\" style=\"width: 1561px; height: 323px;\"></p>\n<p>\t&quot;light&quot;,&quot;minimal&quot;,&quot;light-2&quot;,&quot;light-3&quot;,&quot;light-thick&quot;,&quot;light-thin&quot;,&quot;inset&quot;,&quot;inset-2&quot;,&quot;inset-3&quot;,&quot;rounded&quot;,&quot;rounded-dots&quot;,&quot;3d&quot;</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player/scrollbar_types.jpg\" style=\"width: 680px; height: 400px;\"></p>\n"},{"title": "Embed code settings","id": "embed_code_settings","content": "<div>\n\tVisitors of your wordpress site can use embed code option to embed your video player in their HTML websites.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tIn download package there is folder called <strong><em>embed.</em></strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\tTo setup embed code, you need to <strong>upload <em>embed&nbsp;</em>folder anywhere on your server</strong>.</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tThan,</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tgo to your wordpress -&gt; Elite Video Player&nbsp;-&gt; Manage Elements, and set path from your server where you have uploaded <strong><em>embed </em>folder </strong>(http://yourserver/embed/index.html)</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong>Embed code iframe src: <em>http://yourserver/embed/index.html&nbsp;</em></strong></div>\n<div>\n\t&nbsp;</div>\n<div>\n\t&nbsp;</div>\n<div>\n\t<strong><em><img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player_WP/EliteDocNew/24_EliteInstall.png\" style=\"width: 1903px; height: 1089px;\"></em></strong></div>\n"},{"title": "Special notes","id": "special_notes","content": "<div>\n\t<div>\n\t\t<strong>Self-hosting video usage:</strong></div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tSome servers don&#39;t have support for HTML5 video by default.</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tAlthough it may seems like the video player is refusing to play the video with your browsers. This is usually caused by the web server&rsquo;s inability to recognize these video formats and it has nothing to do with the HTML5 video player.</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<div>\n\t\tThe 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:</div>\n\t<div>\n\t\t&nbsp;</div>\n\t<pre class=\"html\">\nAddType video/mp4 .mp4</pre>\n</div>\n<div>\n\tURL&#39;s to your self-hosted videos needs to be an absolute URL:</div>\n<div>\n\t&nbsp;</div>\n<div>\n\tExample:</div>\n<div>\n\thttp://server/video.mp4</div>\n<div>\n\t&nbsp;</div>\n<p>\t<strong>Vimeo usage:</strong></p>\n<p>\tIf you use vimeo player, you&rsquo;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.</p>\n"},{"title": "Rate the item","id": "rate_the_item","content": "<p>\tIf you like this product please give a rating on CodeCaynon:</p>\n<p>\t<img alt=\"\" src=\"http://creativeinteractivemedia.com/player/CC/documentation_Elite_Video_Player/rate_file.png\"></p>\n"},{"title": "More works by _CreativeMedia_","id": "more_works_by_creativemedia","content": "<p>\tPlease check our portfolio and latest products here:</p>\n<p>\t<a href=\"https://codecanyon.net/user/_creativemedia_/portfolio\">https://codecanyon.net/user/_creativemedia_/portfolio</a></p>\n<div>\n\t<a href=\"http://activeden.net/item/as3-vimeoyoutubeflv-video-player-with-playlist/1322612\"><img alt=\"\" src=\"http://player.pageflip.com.hr/CC/portfolio_images/vimeo_youtube_flv_video_gallery.png\"></a></div>\n<p>\t&nbsp;</p>\n"}],"use_sub": true,"logo": "http://creativeinteractivemedia.com/player/CC/portfolio_images/Elite.png","favicon": "","customcss": "","easing": "swing","easingduration": "500","bgimage": "","bgrepeat": "repeat","bgattachment": "scroll","bgcolor": "EDF6EE","textcolor": "412E28","linkcolor": "B3204D","hrcolor1": "DBE3DC","hrcolor2": "F6FFF7","btncolor": "FFFFFF","btncolor1": "B3204D","btncolor2": "7D1636","sidebarbgimage": "","sidebarbgrepeat": "repeat","sidebarbgcolor": "261F02","sidebartextcolor": "EDF6EE","sidebarlinkcolor": "EDF6EE","sidebaractivecolor": "2B2302","sidebaractivetextcolor": "B3204D","sidebarhrcolor1": "0F0C01","sidebarhrcolor2": "382E03","cufon": "","documentationttype": "default","itemURL": "","sendJSON": "","sendZIP": "","sendPWD": ""}