Skip to main content

Customize player color

James Christensen
  • Updated

As you can probably tell from our site: we love yellow 💛

But, we know you have certain colors that you love too. That's why, with SmartVideo, you can change the accent color of the player!

meet-bill.gif

Just follow the simple instructions below :

 

If you're using the SmartVideo plugin for WordPress:

Simply visit the SmartVideo plugin Settings menu and click Select Color. From here you can choose a color using the color picker, or type a hex code in the text box. Then click Save Settings.

wordpress.gif

If you're not using the plugin for WordPress:

Visit the Configuration tool in your Swarmify Dashboard. This tool will allow you to change the color of your player, outputting a new script to replace your old script in your site's head tag.

Pro Tip: The play button border auto adjusts so it is white for "dark" colors and black for "light" colors.

 

If you want to manually edit the script in your head tag (not recommended):

Note: this method will not work if you have SmartVideo enabled on your site via our WordPress plugin.

1. Add this snippet to the SmartVideo script in the head tag of your site:

theme: {
    primaryColor: "YOUR_HEX_CODE"
}

2. Replace YOUR_HEX_CODE with the hex code corresponding to the color of your choice. (Here's a simple site to help find a color: https://html-color-codes.info/)

 

Example configuration :

<script data-cfasync="false">
    var swarmoptions = {
        swarmcdnkey: "XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX",
        theme: {
            primaryColor: "YOUR_HEX_CODE"
        },
        autoreplace: {
            youtube: true
        }
    };
</script>
<script data-cfasync="false" src="//assets.swarmcdn.com/cross/swarmdetect.js"></script>

 

If you still are experience issues or need some help, please give us a shout by clicking the button in the bottom right corner of this page!

Related articles