Media Player Demos

Find some demo configs & use cases showing both media player elements, playlists & controls being used in different scenarios to highlight various features.

Custom (Nestable) UI

When we need something more custom, there's a nestable option so we can also build our own UI by nesting in Media Controls and building our own flex/grid layout with Bricks divs/blocks. Both of the video players below have nested controls that can be edited individually.

Pro Tip - for 95+% of video layouts, we expect you can already achieve what you need by just customising the built-in UIs. The custom UI option will be mainly for when you need to add in custom elements, or some type of layout that doesn't fit the top/center/bottom rows and need to build from scratch.
Custom UI means we can include any elements. Here we've added a button element that will disappear a couple of seconds after the video is played (also a small transform effect on the block elements when the player controls aren't visible)
The idea of nestable is so you can build any custom layout you like, the way you'd build with any Bricks elements (these are just examples), everything can be styled individually and placed anywhere.

I'm a popup template!

..because you watched 10 seconds