If you are not a fan of how our Smart Autoplay looks, you can style it to match your brand. Here are the steps to follow:
Set ID in the container that the video is in (this has to be on your side, like a <div>)
Follow the examples below to see how you can style an overlay with your new CSS ID
Note: We don’t recommend altering font size, icon size and overlay box because of the dynamic nature of the Smart Autoplay messages. Other CSS properties can be changed, and here are some examples how you can achieve this:
Classy in the corner: https://codepen.io/vidalytics/pen/yLXmZwE
Front & center: https://codepen.io/vidalytics/pen/dyRxrOX
Loud & in Your Face: https://codepen.io/vidalytics/pen/XWgvGRv
If you don’t like our Unmute Icon, here’s how you can replace it (but please note that in this case you’ll lose the ability to automatically apply the foreground color that you set on your settings page):