Integrate a video into 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

📌 Please 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.

  1. 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.
Example via Youtube
  1. Access your map
  2. Click on the "Layout, controls and map launch" menu
  3. Go to the "Introduction card" section
  4. Check "Enabled", then click on "Customize"

  1. Paste the video iframe in the "HTML content" section

pop_in_html_content.png

  1. 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

Ex: rather than having "iframe width="560" height="315", I indicate "iframe width="100%"

💡Tip:

By default, video iframes are filled in 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 media, we recommend replacing the width in pixels with a width at 100%.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.