Video: Support for autoplaying gifs in Mobile Safari

[guarani]

Steps to reproduce

1. Starting at URL: https://wordpress.com/block-editor/post/mysite.wordpress.com/12
2. Add a video block
3. Upload a video or choose a video from the Media Library (it's important to not use a link to a video)

What I expected

I expect the "Plays inline" option to be available, just as it is for externally hosted videos

What happened instead

The "Plays inline" option is missing from the right panel (Block | Video Settings)

Browser / OS version

Firefox 75.0 / macOS 10.15.3 (although I think the result is the same on any platform)

Screenshot / Video

Here you can see that the "Plays inline" option is not present for WP.com-hosted videos:

WP.com-hosted video

For completeness, here's how the "Plays inline" attribute looks for externally hosted videos:

Externally-hosted video

Context / Source

#painpoint Users sometimes want to upload videos and autoplay them like a gif. The playsinline attribute is essential to make this happen on mobile Safari.

A video would need these attributes to autoplay in Mobile Safari:
<video autoplay loop muted playsinline></video

Found through a #user-report.

Additional Information

Support for "Plays inline" was added to the Gutenberg editor here. It's mentioned here that the VideoPress-enhanced video block (which is used when users upload videos) does not support playsinline at the moment.

[joweber123]

Another report here: 22190038-hc

[github-actions]

This issue is stale because it has been 180 days with no activity. You can keep the issue open by adding a comment. If you do, please provide additional context and explain why you’d like it to remain open. You can also close the issue yourself — if you do, please add a brief explanation and apply one of relevant issue close labels.

[Robertght]

Another case in 5786166-zen

This may not be relevant anymore as I was able to get the autoplay going with the Autoplay and the Play Inline options from the Video block.

cc @Automattic/dotcom-pqa-group

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 5786166-zen