EchoVideo allows you to configure multiple custom player styles for viewing content outside the platform. Once configured, these styles can be individually selected and applied when creating share links and embedding content into an LMS using the Easy Embed workflow.
For information on using a style, see the following pages:
- Getting a Video's Public or Embeddable Link (for Admins)
- Generating a Web Link and Embed Code for Media
- Embedding EchoVideo Media into Blackboard Learn or Original View Courses
- Embedding EchoVideo Media in an Ultra-enabled Course
- Embedding EchoVideo Media into Canvas
- Embedding EchoVideo Media into Moodle
- Embedding EchoVideo Media into Brightspace Content Windows
- Embedding EchoVideo Media into Sakai
To view, add, edit, or delete a player style, you must be logged in as an administrator and have navigated to Settings > Institution Settings > Configuration > Player Styles.
Managing and Viewing Player Styles
The Player Styles page provides an alphabetical listing of all the existing player styles configured for your Institution. You will only see the built-in System Style if you have not configured and set a default style. Each custom style provides additional insights, including whether it is on (selectable by users when creating links or embeds) and how many links or embeds are using it.
Clicking the toggle next to a Player Style turns it on or off. Turning it off retains the style for existing links or embeds but removes it when creating new links or embeds.
Creating a New Style
- Click Add New Style.
- Set the desired customization options (see Style Options).
The Preview image is updated as options are selected to show users what the style will look like.
At any point during this process, you can Reset the options or Cancel altogether.
- Click Save to create your new style.
Editing an Existing Style
- Find the style you want to edit in the list and click Edit.
- Set the desired customization options (see Style Options).
The Preview image is updated as options are selected to show users what the style will look like.
At any point during this process, you can Reset the options or Cancel altogether.
- Click Save to apply your edits.
Deleting a Style
- Find the style you want to remove from the list and click Delete.
- Review the confirmation message that pops up and click OK to delete the style.
Any embeds or links using this style will return to the default.
Deleting a style is permanent. Remember that you can deactivate a custom style by disabling the Active status slider when you do not want to delete it. Deactivation retains the relationship between an in-use link and the custom style but makes the player style inaccessible when a new link or embed gets created.
Managing the Default Style
The default style always appears identified at the top. If you have not manually set one of your custom styles as the default, you will see a built-in style called System Style; this is the out-of-the-box EchoVideo player. You cannot edit or delete System Style but can replace it by setting another default. All links and embeds using the default style are continuously updated.
For example, if you have a custom style called Engineering Embeds set as the default style, every new link and embed generated by users with Default as the Player Style selection will use the Engineering style. Also, any pre-existing links or embeds with Default as the Player Style selection (without a specific style set) automatically update to the Engineering Embeds style. If you make Engineering Embeds inactive or delete it, everything using it will fall back to using System Style (which will also reappear on the Player Styles page). If you set another custom style called Engineering EmbedsV2 as the default style, everything will update again when you use Engineering EmbedsV2.
You can also override an existing default by editing another custom style and setting it as the default.
Player Style Options
- Name - Each custom player style must have a unique name. We recommend choosing a name easily identifiable for users when selecting their desired style option.
- Default Player - This option makes all newly created share links and embedded content in an LMS (created using the Easy Embed workflow) that are not using a specific style use this one. Any embeds or links using a previous default will be updated to use this one.
-
Suggested Embed Settings
- Dimensions - Automatically sets the size of the embedded playback frame when the style is selected (for media link embeds or LMS/VLE embeds). Users can still choose a different size if they want to.
-
Autoplay and Automute - Automatically sets these options for playback when the style is selected. Users can still change these settings to turn these options on or off.
If you enable Autoplay, Automute is also enabled to accommodate browsers that do not allow for sound with autoplay content. However, you can enable Automute separately from Autoplay.
-
Custom Accent Color - Appears in the player for the Title Bar, the player control overlays (play, pause, and start over), and the watched portion of the player timeline. The color you choose will automatically change the color of the text to make the Title remain visible. You can either:
- Pick from a provided set of accessibility-compliant colors.
- Enter a hex code for the specific color you want.
When selecting custom colors, note that your choices may not meet digital accessibility standards, such as contrast requirements. It is important to independently review your color selections to ensure they are accessible to all users, including those with visual impairments. We recommend using accessibility tools to verify that your customizations comply with best practices.
-
Branding
The following options require choosing from an already uploaded Branding Asset.
- Logo - Appears next to the Title in the player instead of the Institution logo (if set).
- Watermark - A semi-transparent image is overlayed on a video file so that viewers recognize the institutional owner of the content.
-
Intro / Outro Video - Adding an optional Intro and / or an Outro clip to your video branding configuration adds the uploaded clip to the opening or closing of all videos processed for this institution.