How to embed videos with HTML macro

This article shows how you can embed videos from a remote location in your Confluence page.

For our scenario, let’s refer to a publicly available video.

Add an HTML macro to the required page.
Select HTML embed code from the Data source drop-down in the Data source tab.
Enter an HTML <video> tag in the given code block for this scenario. You can also use the <object> tag.
Save the changes and Publish the page.

There are three supported video formats in HTML: MP4, WebM, and OGG. Thus, you must ensure that when using the HTML <video> tag, the video must be in one of the listed formats so that the video can be shown.
If the video is not visible at all, verify the video source and resolve any permission issues.
If the video is not visible in its entirety, enter the required width and height in the tag’s parameter.

Relevant information

This page uses an HTML macro to display the sample video. You can edit this page and check out the macro for details.
We are going to refer to the video available online at https://www.w3schools.com/tags/movie.mp4 for this tutorial.
To refer to a video available in private locations, it is recommended to use profiles. Administrators must provide the base location during profile creation and users can then enter the relative URL of the video in the macro editor. Read the Configuration page for more information about profiles.

An HTML macro is being used to render the video below. To know how this works, edit this page and feel free to play with the macro.

Using the sample video and the process mentioned above, the following content is rendered: