Select to view content in your preferred language

Embed full-width video in floating sidecar

555
2
Jump to solution
10-31-2023 11:11 AM
ebarrientos
Emerging Contributor

Is there a way to display embedded video full-width in a floating sidecar. This is possible for videos uploaded directly to StoryMaps, but when I embed a video from Vimeo, it is bordered by black on the sides. Here's what it looks like:

Screenshot 2023-10-31 at 12.07.20 PM.png

0 Kudos
1 Solution

Accepted Solutions
AbbyE_Esri
Esri Contributor

Hi@ebarrientos ,

If you use the Share button from Vimeo to open the share options for the video, you can copy the iframe. This will embed the video without the black borders, and while the video may not be full width, those sides will be the same color as your theme:

Screenshot 2023-11-01 at 12.45.19 PM.pngScreenshot 2023-11-01 at 12.46.18 PM.pngScreenshot 2023-11-01 at 12.46.56 PM.pngLet me know if this workflow helps with the embedded visuals.

--Abby

View solution in original post

0 Kudos
2 Replies
AbbyE_Esri
Esri Contributor

Hi@ebarrientos ,

If you use the Share button from Vimeo to open the share options for the video, you can copy the iframe. This will embed the video without the black borders, and while the video may not be full width, those sides will be the same color as your theme:

Screenshot 2023-11-01 at 12.45.19 PM.pngScreenshot 2023-11-01 at 12.46.18 PM.pngScreenshot 2023-11-01 at 12.46.56 PM.pngLet me know if this workflow helps with the embedded visuals.

--Abby

0 Kudos
ebarrientos
Emerging Contributor

Thanks, Abby. This is a workable solution. The downside is that viewers have to click on the video twice to start playing it, but it does get rid of the black side bars.

0 Kudos