grida.co icon indicating copy to clipboard operation
grida.co copied to clipboard

Video not playing on "safari"

Open softmarshmallow opened this issue 4 years ago • 9 comments

image

Video autoplay must be disabling safari to not play the video.

softmarshmallow avatar May 24 '21 14:05 softmarshmallow

https://stackoverflow.com/questions/52399034/video-autoplay-is-not-working-chrome-and-safari

softmarshmallow avatar May 24 '21 15:05 softmarshmallow

The initial above issue is resolved, but still the video won't (will play but won't show anything) play starting from second item of feature slide image

softmarshmallow avatar Sep 10 '21 18:09 softmarshmallow

Safari does not support the extension webm we are using. Therefore, video files with different extensions are required.

Please check the support information below! caniuse webm info

You-J avatar Oct 20 '21 10:10 You-J

That desktop safari issue is somehow resolved (on Version 15.1 (17612.2.6.1.1)) image

What you gotta see is safari on iphone / ipad

softmarshmallow avatar Oct 20 '21 11:10 softmarshmallow

The same is true for iphone. Version 15 is also only partially supported, not 100% supported. (I confirmed that it works well when the extension name is mp4.)

You-J avatar Oct 20 '21 13:10 You-J

The same is true for iphone. Version 15 is also only partially supported, not 100% supported.

(I confirmed that it works well when the extension name is mp4.)

Not true. image

softmarshmallow avatar Oct 21 '21 08:10 softmarshmallow

Of course it doesn't work on the current site! Because we are using only webm which is not properly supported by ios right now. We have to support multiple video files with multiple extensions like this one

All code required for preparation has been fixed. Just add an mp4 or ogg (anything!) file.

You-J avatar Oct 21 '21 12:10 You-J

I changed the format to mp4, but an additional issue occurred that only works when the second video is not visible as shown below.

(in mobile safari, ios version 15.0.2)

  1. when I see you at first IMG_7486

  2. When I look back after scrolling IMG_7487

You-J avatar Nov 01 '21 09:11 You-J

Even though I added the playInline property and changed the video format, one video that was not resolved was changed to a pure html5 video tag. This is explained in the documentation.

You-J avatar Nov 02 '21 08:11 You-J