Instead of using our components directly, you can use the attribute x-mave-pop on any element. This will create a player for you and pop it whenever someone clicks on that element.
<a href="#" x-mave-pop="ubg50Uat1zIPKeB">click me</a>
If you want to use a custom pop window, you can. When you define a <mave-pop> component, you can for instance change its theme. For example:
<mave-pop embed="ubg50Uat1zIPKeB">
<mave-player theme="dolphin"></mave-player>
</mave-pop>
Note that there is no embed id defined on the player inside the pop. This is because the embed id is passed from the x-mave-pop attribute. You can even make the <mave-pop> work globally for all elements with the x-mave-pop attribute by removing the embed id from the <mave-pop> component.
This is a link with a x-mave-pop attribute
