Popup Embed
Media Manager has a Popup embed. This allows you to make an element on your page trigger a popup which will in turn load your video.
First you will need to create the element you want to trigger the popup.
This on itself is not enough, we need to add some attributes to it about the video we want to embed and how we want it embedded.
<a href="#" class="mediamanager-embed" data-id="53ec6f53140ba029158b45e1" data-client="demo" data-template="524d335275a295281e8b46d9" data-width="800" data-height="450">View Video</a>
There are number of different attributes you can attach to the element. You can see a list of them below.
| Parameter | Required | Description |
|---|---|---|
| data-id | yes | The ID of the media |
| data-client | yes | Your client shortname |
| data-template | no | The template you wish to embed the video on |
| data-width | no | The width of the popup |
| data-height | no | The height of the popup |
| data-autoplay | no | If media should autoplay within template (default:true) |
| data-social | no | If player should have social options (default:true) |
In order for it to work we need to apply a class of "mediamanager-embed" to the element also. This tells the script where to find the element. Now we need to include the actual script itself.
Tip
You need to replace {shortname} with your account shortname.