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.

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="{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="{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

Was this article helpful?

Share your feedback


Thank you!