The WPVR Video Station automatically replaces all your imported videos players on your frontend, with a unified, customized and branded player built on JW Player backbone.
You can use our default JW Player API key or create your own. Video Station allows you to choose among 9 player themes, to suit your website design and colors, and also brand the player with your own custom logo. Video Station will be called VST in the following tutorial.
If you need help to install this WPVR addon, here is a tutorial for that.
Here is a brief summary of this tutorial :
- Registering your copy of VST
- Rendering the VST player on frontend
- Replacing the default WPVR player
- Replacing your theme player using Template
- Replacing your theme player using Injection
- Customizing the VST player
- VST Player Settings
- VST Player Branding
- Compatibilities & Limitations
1. Registering your copy of VST
First, you need to activate your license. Head to WPVR > Manage Licenses and enter the purchase code you’ve received when you bought the addon from our store.
Then click on Register Addon Licenses button to save your license activation.
- Categories to apply on:
You can limit the add-on actions only to the videos belonging to the selected categories. Leave blank for all categories.
- Post Types to apply on:
You can limit the add-on actions only to the videos having to the selected post types. Leave blank for all post types.
- Video Services to apply on :
You can limit the add-on actions only to the videos belonging to the selected video services. Leave blank for all video services.
3. Rendering the VST player on frontend
– Replacing the default WPVR player
If you are using a common theme, that’s not focused on videos, then you are probably using the default WPVR player that’s automatically implemented in your content. In that case, you don’t have anything to change. Once VST is enabled, WPVR will automatically replace that player with your branded VST player.
– Replacing your theme player using Template
If you are using a video theme like TRUEMAG or Newspaper, you are probably rendering your imported videos with the theme player, using dataFillers. That player is usually compatible with Youtube and Vimeo only. By replacing it with the VST player, you will have one player for all video services (except Dailymotion), with fallback with non supported video services.
You need to edit your template file and replace the theme player code by :
<?php echo wpvr_render_modified_player( get_the_ID() ) ; ?>
– Replacing your theme player using Injection
You can also replace your theme player using the VST Injection feature. To achieve that, no need to edit any template file or to code anything. Simply visit some of your imported videos on frontend and right click on the player wrap and choose Inspect element.
Then note or copy that element selector. It can be its HTML identifier (#identifier) or class (.class).
In previous example the needed selector would be .td-post-featured-video.
Then under WPVR Addons > Video Station > Injection, enable Injection and paste the selector you’ve got from previous step.
Save that options tab and you’re good 🙂
Important Notice : We strongly recommend to edit your theme template file to replace the theme player for better page loading performances.
4. Customizing the VST player
– VST Player Settings
1/ JW Player API Key
2/ Player Theme
3/ Player Autoplay
– VST Player Branding
1/ Enable Video Player Branding
2/ Logo Image
3/ Logo Link
4/ Logo Position