How to Style the Smart Autoplay Message

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