nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

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

Finde mehr Beiträge mit dem Tag

Accepted answers

All comments

Ed_

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

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_

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

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_

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

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.

Nimm an der Unterhaltung teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.