How to use the embed code sharing option
If you want to share your video in a website, internal network portal or help desk tool that supports HTML, you can this by using the share embed code option in the sharing dialog.
Open the video you wish to share
Click on the "Share" button
On the sharing dialog, click on the button "<Copy Embed Code>" (this will copy the code to your clipboard)
Paste the copied code into the HTML field of the website or portal
If you just want to show the player in a website or portal, you most likely don't need to tweak any of the settings but if you require changes, below is the explanation of what each property does.
The code is in the format:
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" - Defines the size and position of the player where you are adding the video, the default values consider that you want to show it as big as possible considering the available space in the website you are trying to show it.
src="https://secure.vormats.com/engage/{videoId}?embedded" - Defines the video you want to show, it's important to include the ?embedded parameter to function correctly
frameborder="0" - Hides the default border of an iframe
allowfullscreen="allowfullscreen" - Allows the user to set the video player in fullscreen
Getting the embed code
Open the video you wish to share
Click on the "Share" button
On the sharing dialog, click on the button "<Copy Embed Code>" (this will copy the code to your clipboard)
Paste the copied code into the HTML field of the website or portal
Embed code explained
If you just want to show the player in a website or portal, you most likely don't need to tweak any of the settings but if you require changes, below is the explanation of what each property does.
The code is in the format:
<iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; " src="https://secure.vormats.com/engage/{videoId}?embedded" frameborder="0" allowfullscreen="allowfullscreen"></iframe>style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" - Defines the size and position of the player where you are adding the video, the default values consider that you want to show it as big as possible considering the available space in the website you are trying to show it.
src="https://secure.vormats.com/engage/{videoId}?embedded" - Defines the video you want to show, it's important to include the ?embedded parameter to function correctly
frameborder="0" - Hides the default border of an iframe
allowfullscreen="allowfullscreen" - Allows the user to set the video player in fullscreen
Updated on: 27/07/2023
Thank you!