Want one video to appear in all feature popups for a layer? Here's how.
This method allows you to insert a single video that will display in the popup for all features in a layer.
Please note, you must include http or https in your URL for the quick embed to work. URLS without the http(s) will render as a link.
Looking for instructions to display unique videos for each feature using a video URL or ID in your dataset? See this article.
oEmbed method
If your video is hosted on YouTube or Vimeo, we support simple URL embedding - just grab the complete URL from the video host of your choice, and paste it into the custom popup editor, and hit ENTER. The video will automatically embed.
Youtube URL
https://www.youtube.com/watch?v=GCjwPbwLIIU
Youtube Short URL
https://youtu.be/GCjwPbwLIIU
Vimeo URL
https://vimeo.com/306131211
NOTE: Youtube and Vimeo URLs that contain a start time parameter?t=N
(Youtube) or#t=Ns
(Vimeo) are not supported by this method. If you need to specify a start time, use the iFrame method below.
https://youtu.be/GCjwPbwLIIU?t=38https://vimeo.com/306131211#t=10s
iFrame method
You can use an iframe embed code from any online video host. Just grab the iframe embed code, switch to HTML view in the popup editor, and paste the code.
Self hosted
To display a self hosted video, you'll need to use the <video>
tag in the popup editor.
Switch to code view and paste the following:
<video controls>
<source src="https://path.to/video.mp4" type=video/mp4>
</video>
Ensure the format of the video matches the "type" argument in the code. Eg.
<video controls>
<source src="https://path.to/video.webm" type=video/webm>
<source src="https://path.to/video.ogv" type=video/ogg>
<source src="https://path.to/video.mp4" type=video/mp4>
<source src="https://path.to/video.3gp" type=video/3gp>
</video>