Video/Animation Autoplay Loop

[Ed_]

Currently on Hub, when you embed a video from YouTube, it plays in a loop only after you click play.

But I want it to be able to autoplay the video without showing the play button as soon (so the play button and other video controls won't even appear) as the user lands on the website, as the video will be embedded directly below the `header`.

I found a solution on StoryMaps, and I am wondering if something is similar is possible in Hub. I tried embedding  the iframe code, but it seems like Hub only supports a https link and not an iframe code itself.

Enable autoplay on a video link in ArcGIS StoryMaps

[KlaraSchmitt]

We do not support moving backgrounds in Hub as it goes against WCAG (Web Content Accessibility Guidelines). All moving content that lasts longer than five seconds requires controls to pause, stop, or hide the content and we do not have those types of controls for background images.

https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html

In addition, automatically moving content can be detrimental for those with vestibular disorders, which is why we don't even support auto-playing videos embedded through our video card.

[Ed_]

Happy Friday @KlaraSchmitt and thank you for the quick response. Okay so let's say the video is no more than 5 seconds, then can we embed it and let it play in a loop without showing the controls?

It's similar to how we have GIFs in websites.

[KlaraSchmitt]

No. If you have it autoplay, it's longer than 5 seconds. Gifs also technically require play / pause / hide controls when autoplaying or lasting longer than 5 seconds, which is why you don't see them frequency used in Hub either.

[Ed_]

If autoplaying and looping a video is not possible in Hub, then is it possible to upload a GIF instead?

[Ed_]

Good morning @KlaraSchmitt hope all is well; can you please tell me how the animation was embedded in the following Hub Site?

Alex, Gilbert, AZ, DataHub

[KlaraSchmitt]

That is not an ArcGIS Hub Site. It's a WordPress site. It simply has the word 'hub' in its name. Based on their code, it looks like they are using an auto-play video embed, which as I have previously explained, we do not support. If you wish to see how a site is operating or want to compare it to your own, you can right-click the webpage and then select Inspect to open up the source code for HTML and CSS.

[Ed_]

I do see that it's a video that has been embedded in the HTML code of the site.