no autoplay for gifs in handbook

[Travel_girl]

I tried to read the follow article and to find the right spot in the navigation, but the movements in the gif made it impossible for me to focus on the text.

​https://developer.wordpress.org/block-editor/

Autoplay of movements are not accessible and it should be possible for users to control animations, videos, sound and so on.

I suggest following solutions:

1. use video instead of gifs. Videos can be controlled by users with play and stopp and also to go back and forth inside the videos
2. if videos are not possible and it has to be a gif (for example because the content needs to be make again), provide a thumbnail instead the gif with a play icon and let the gif play, when clicking the play button (and make it also possible to stop it). So it would be possible to consume the gif, but also to read the post calmly with no distraction

I think this problem not only apply to this post, as I have seen more and more gifs around announcements for Gutenberg. So maybe it would be worth to find a solution for the P2 and the Handbooks

[SergeyBiryukov]

Thanks for the ticket! Just noting there are at least 5 pages with animated GIFs in the Block Editor Handbook where this needs to be addressed: ​https://developer.wordpress.org/block-editor/?s=.gif

[Travel_girl]

Could be worth to find a standard and to include it into the docs handbook: ​https://make.wordpress.org/docs/handbook/documentation-team-handbook/handbooks-style-and-formatting-guide/

I will ask the docs team, if there have discussed this before.

[milana_cap]

Replying to Travel_girl:

Could be worth to find a standard and to include it into the docs handbook: ​https://make.wordpress.org/docs/handbook/documentation-team-handbook/handbooks-style-and-formatting-guide/

I will ask the docs team, if there have discussed this before.

I have added your suggestions to Docs Handbook here: ​https://make.wordpress.org/docs/handbook/documentation-team-handbook/handbooks-style-and-formatting-guide/#gifs

However, the second suggestion might need some work from Meta team before we can implement it. We need easy-to-implement model/block where we can upload .gif image and its thumbnail and the rest of functionality is taken care of (probably by Javascript).

[hardeepasrani]

There are already some JavaScript libraries that do this: ​http://rubentd.com/gifplayer/

[joyously]

This one is simple: ​http://krasimir.github.io/gifffer/