By default, the embed codes provided by mediacast are for fixed player sizes.
If you wish to use a responsive embed instead, where the video player resizes as users resize the browser window, please follow the instructions below:
1. Navigate to the video on mediacast, and look at the URL of the video.
Example:
2. This is the URL of the video above: https://mediacast.smu.edu.sg/media/SMU+Campus+Tour/0_oibs3cxk
The entry ID of this video is in the last part of the URL: 0_oibs3cxk
3. Using the html code below as the template, replace the two instances of [VideoEntryID] with the entry ID of the video you wish to embed.
<div class="embed-responsive embed-responsive-16by9"><iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" class="embed-responsive-item" id="kmsembed-[VideoEntryID]" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://mediacast.smu.edu.sg/embed/secure/iframe/entryId/[VideoEntryID]/uiConfId/44502582" title="Kaltura Player" webkitallowfullscreen="" frameborder="0"></iframe></div>
This will be the result:
<div class="embed-responsive embed-responsive-16by9"><iframe allow="autoplay *; fullscreen *; encrypted-media *" allowfullscreen="" class="embed-responsive-item" id="kmsembed-0_oibs3cxk" mozallowfullscreen="" referrerpolicy="no-referrer-when-downgrade" sandbox="allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation" src="https://mediacast.smu.edu.sg/embed/secure/iframe/entryId/0_oibs3cxk/uiConfId/44502582" title="Kaltura Player" webkitallowfullscreen="" frameborder="0"></iframe></div>
Insert this into your SMU site/microsite page.
Please contact nextweb@smu.edu.sg if you require any further assistance.
Comments