In this article you will learn how to edit the Player templates β apply specific colors, arrange the information order, and add specific options.
CUSTOMIZE PLAYER AND PLAYLIST TEMPLATES
1. To edit the Player templates go to βοΈ Settings -> π¬ Player & Playlist templates -> π Category
- On the left, the Category Filters choose the type of preset template you want to create/customize.
- In the center, you can see the currently available Templates as well as Sorting Options and the Search Bar. Β
πNote - The options where it is written Edit are the Default templates, the ones without it are Custom.
Click the cogwheel βοΈ to Edit a template. The customization options are on the right.
PLAYER TAB
- ColorBase - from here you can select the color of the π Player Bar and the βΆοΈ Playback button.
- π Player Bar - If you have this option selected, the π Player Bar will be visible.
- βΆοΈ Play button. - Having this option selected, the βΆοΈ Play button will be visible. You can choose the way it will appear from the drop-down menu.
- Fullscreen - If you mark this option, the Fullscreen button will appear in the π Player Bar.
- Auto Hide Player Bar - with this option selected, the π Player bar will disappear once the user clicks the βΆοΈ Play button.
- Auto Play Video - if you mark this option, your video will be in a loop and will start from the beginning when itβs over.
- Show Viewers When Above - if you select this option, an additional field will appear. There you can put in the minimum number of viewers needed and the information will be visible in your π Player bar.
PLAYLIST TAB
- Enable π Playlist - if you enable this option, your π Playlist will be visible on the right
- π Playlist Layout - you have two options for visualisation of the Playlist:
Video List (Default) - the Playlist appears next to your Player on the right
and Video Wall - the Playlist will be positioned under the Player.
- Video Thumbs Size - you can choose the size of your π Playlist thumbs from the drop-down menu
- Thumbs Per Row - with this option you can choose whether you want your π Playlist thumbs to be organized in two or more thumbs per row (Auto) or only one Thumb per row (One Thumb Per Row).
CHAT / COMMENTS / METADATA TAB
- Live Chat / Comments - if you have this toggle enabled, the π¬ Chat section will be visible right next to the π Playlist.
- Live Chat / Comments Positioning - from the drop-down menu you can choose where to position your π¬ Chat section.
- Metadata Positioning - you can choose which metadata fields to appear (Video Title, Tag, Short Description, Long Description). From the drop-down menu, you can choose where to position the information.
GENERAL TAB
- Player Size - from the drop-down menu you can select your preferred π¬ Player visualization.
You can select Widget Fixed Size and set your preferred dimensions
Or you can select Responsive.
πNote - You can choose a fixed height for the responsive player by enabling the Set Fixed Height Size toggle and filling in your desired size (in pixels).
- Themes - select your preferred color background from the drop-down menu
πNote - using the options below you can customize the background color.
- Lightbox Mode - Lightbox means that viewers see a player thumbnail. When they click it, the player pops up and dims the background. This option controls the appearance of your thumbnail. Choose between Player Splash Image, Text Link, or External image.
PREVIEWING THE PLAYER
You can preview the player by selecting to preview as:
- Embedded Player - This is how it will appear when embedded on a website.
- Shareable Link - The player's appearance when shared online using the universal sharing link.
SAVING THE PLAYER
- You can save your newly created template by clicking on the β Save Template As button.
- This will open a popup box asking you to enter a name for your newly created template.
- Once you have entered your desired name click on the green β Confirm button to save the template.
RELATED ARTICLES:
Quick Publishing
Quick Publishing Methods
- Publishing with Embed Codes
- Publishing a Sharable Link
- Publishing with LightBox
- Publishing to Facebook
- Publishing to Twitter
- Publish via Email