Embed a video in the introduction pop-in
The introduction card (or pop-in) is fully customizable. You can also add a presentation video to introduce your map or supplement the information it contains.
📹 Embedding a video
📌 Note:
Beforehand, your video must be hosted on a platform (youtube, dailymotion, vimeo) in order to retrieve its iframe.
The iframe is a piece of code that will allow you to embed the video in your introduction card.
- Copy the iframe of the video you want to embed:
- Open the video on the platform of your choice
- Click on "Share"
- Then choose the "Embed" option
- Copy the iframe.
- Access your map
- Click on the "Map layout, controls and launch" menu
- Go to the "Introduction card" section
- Check "Enabled", then click on "Customize"
- Paste the video iframe in the "HTML content" section
- Adjust the size of your video:
- Insert the mention "100%" in your iframe after "width=" in place of the current value
- Also delete the mention "height=" as well as its value
E.g.: rather than having "iframe width="560" height="315", I indicate "iframe width="100%"
💡Tip:
By default, video iframes are entered with a fixed width (=width) and height (=height) in pixels. However, to prevent the video from being flattened and to ensure it adapts well to all devices, we recommend replacing the width in pixels with a width of 100%.
