Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New chrome autoplay policy prevents gifs from playing

See original GitHub issue

Description of the problem

With the new autoplay policy of chrome (seen at https://developers.google.com/web/updates/2017/09/autoplay-policy-changes), gifs and video’s don’t play automatically when hovered over, unless the user interacts with the page first. (Side note: Refreshing the page also counts as an interaction, making it a little difficult to reproduce)

Url of the page where the problem occurs (not the image url)

https://www.reddit.com/r/gifs/

Steps to reproduce the problem (include image url here)

Go to the url https://www.reddit.com/r/gifs/
Hover over one of the gif images
Gif doesn’t play. Console shows the following error:

hoverzoom.js:485 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

OS version, extension version (Chrome only, Firefox is not supported)

Windows 10 Ultimate Chrome 66.0.3359.139

Issue Analytics

State:
Created 5 years ago
Reactions:4
Comments:9 (2 by maintainers)

Top GitHub Comments

1reaction

qrohlfcommented, Sep 16, 2018

Possibly helpful - I solved this in @qrohlf/GifHub by including up a minimal play/pause UI. It’s licensed under the WTFPL, so you’re free to pull in in and use it in hoverzoom if you want 😉

It’s only about 70 lines of code including the CSS: https://github.com/qrohlf/GifHub/blob/f29343befe807517a22a5e2570e22ea241199d58/gifhub.js#L28-L102

0reactions

onedr0pcommented, Sep 22, 2018

https://www.reddit.com/r/imagus/comments/8jn7ms/potential_fix_for_imagus_white_box_and_other/?st=jmdwpowl&sh=2282850e