Overview

VIDIZMO allows users to brand their players according to various different use-cases as per customer needs. Through creating individual player templates, you get the ability to custom-choose controls on your player, toggle on/off whether someone can select different quality renditions of a video, configure if a video/audio should play as muted by default until unmuted by the user, switch on/off subtitles control from the player options and much more. These rich customization options help in employee/customer compliance with your organizational goals and relevant use-cases. Branding also helps familiarize viewers with the content and creates an environment tailored to their needs. 


To learn more about it, see: Understanding Player Templates.


You cannot edit or delete built-in player templates, this is to help the application fall back to a default player template in case all custom-created templates are deleted.


When you update a player template, the settings for previously uploaded videos on which the template applies won't automatically be updated. However, you can select "Update all Media on which this template applies" for the changes to reflect in previously uploaded presentations as well.


Steps

From the Portal's Homepage:

1. Click on the menu icon on the top left-hand corner of the screen to bring up the left navigation pane.

2. Then click on the down arrow to expand the Admin section.

3. Select Portal Settings in the navigation pane.





From the Portal Settings navigation pane:

1. Click on the Branding to expand the list of operations that can be performed.

2. Select Player Template.


Add Player Template

From the Player Template screen:

Click on Add Player Template button



From the Add Player Template screen:

1. Enter the title of the Player Template.

2. Select Media format of the presentation for which you wish to use this template. Options include Audio, Video, Live and Playlist.

3. Select the Player Type here. VIDIZMO provides you with the flexibility of integrating your own player with our robust video content management portal. By default, we have VIDIZMO Player configured.

4. Next, you are going to see a list of options appear according to the file format you chose to create a template for, namely Playback Behavior, Action Control, Added Insights, Playback Speed, Seek Forward or Seek Backward. Options vary for all file formats helping you set various settings for different use-cases to optimize user experience. To learn more about the options and how each of them helps organizations to enhance user engagement and interactivity, see: Customization Options in Player Templates.

5. Next, for every template you can write custom CSS code to redesign  your own player from scratch. From the player's seek bar to the settings menu, everything in the player can be customized to suit an organization's brand values and design standards. To learn more about VIDIZMO's powerful branding options, see: Understanding Customized Branding for Player.

6. Enabling the check for Default MediaTemplate would set this template as your default player template. This means that from this point onward, every video uploaded in the portal shall have this template applied unless an alternative is selected by the user at the time of media upload, or while re configuring media settings. 


To learn more about it, see: How to Change Default Player Template.


7. Click Save and Close option.


A notification will be displayed stating "Player Template Added Successfully".

After adding a player template, here is how you can apply it to any media in your portal.


Edit Player Template

From the Player Template screen:


1. Select Player Template to navigate to your respective template.


2. Hover over the template you wish to update to see the control icons appear at the end of the row. Click Edit icon.




On Edit Player Template screen:

1. Here you may update the title of the player template, to suit the changes you are about to make.

2. Select Media Format from the drop-down menu.

3. You can also change the Player Type to play back media using another HTML player of your choice.

4. Here you may update the customization options configured against the player template. To learn more about how each of them can help contextualize media player and enhance user experience, see: Customization Options in Player Templates.

5. Use this space to write updated custom CSS to change colors and styling of various elements of the player's user interface using the SASS template explained in detail here: Understanding Customized Branding for Player.

6. Enable this check to make this template your Default Media Template. To learn more about it, see: Default Player Templates.

7. This option Update all Media on which this Player Template Applies gives you an added ability to choose whether or not you wish to update these settings for previously uploaded media on which this template applies. If you uncheck, the previous uploaded media's template shall preserve its settings, while updating the settings on all media uploads henceforth.

7. Click Save to view updated changes on the player in a new tab. This helps you cross-check enabled settings, test if you are satisfied with the configuration and make more adaptations while you are designing your own player experience.

8. Click Save and Close when you have validated and verified the changes.



A notification will be displayed stating "Player Template Updated Successfully".


Delete Player Template

From the Player Template screen:

1. Select Player Template to navigate to your respective template.

2. Hover over the template you wish to update to see the control icons appear at the end of the row. Click Delete icon.


From the Delete Player Template screen:

1. Select Delete to proceed with your deletion.



A notification will be displayed stating "Player Template Deleted Successfully".


Apply Player Template to Media

To apply player template to media, you need to choose a player template via the media settings of your content. To learn more about it, see: Understanding Media Settings. There are two ways of achieving this:


1. You can define the player template for any media at the time of upload, under Publish settings tab. Read more about it here: How to Upload Media.

2. Also, you can change the player template of media in your portal via Media Manager > {{select respective media}}

Settings. However, only Administrator and Manager can access media manager to edit media settings.



Contributions were made by Sidra Jabeen.