Nefunkční autoplay u vimeo videa v Chrome a Safari

Pokud jste na svém webu měli vložené video např. z Vimea nebo Youtube, které mělo nastavené, aby se automaticky spustilo přehrávání, pak se vám možná poslední dobou stalo, že autoplay přestal fungovat - tedy alespoň v Chrome a Safari. V tomto článku vám poradím, jak tento problém vyřešit.

Jak  se lze dočíst v dokumentaci Vimeo, funkce automatického přehrávání je limitovaná v těchto prohlížečích: Chrome, Safari 11+ a na iOS - autoplay je povolena pouze u tzv. "muted videos" čili ztišených. Důvod je zřejmý - co nejméně obtěžovat uživatele, protože doba kolotočářských webů je za námi.

Co ale dělat, pokud na webu opravdu potřebujete přehrávat video automaticky a ideálně ještě ve smyčce?

1. do iframe je třeba přidat parametr allow="autoplay"

2. do parametrů samotné adresy videa musíte přidat &muted=1

Já používám video s funkcí autoplay třeba na prezentaci produktů na jednom z mých nejnavštěvovanějších webů, který prodává doplňky pro kola - absoluteBLACK, kde video je součástí minigalerie produktů na detailu produktu v eshopu.  Vypadá to celkem efektně, co myslíte?