Skip to content

Fix mobile Safari usage#24

Open
gmatheus wants to merge 1 commit intozzarcon:masterfrom
gmatheus:fix/mobile-safari-usage
Open

Fix mobile Safari usage#24
gmatheus wants to merge 1 commit intozzarcon:masterfrom
gmatheus:fix/mobile-safari-usage

Conversation

@gmatheus
Copy link
Copy Markdown

@gmatheus gmatheus commented Dec 2, 2020

It seems that video-snapshot isn't working on mobile Safari (you can test current demo page in iOS Safari or XCode iOS Simulator), so I added playsinline attribute to video element. Check solution link below.

Error:
Screen Shot 2020-12-01 at 17 15 59

Solution:
http://support.temasys.com.sg/support/solutions/articles/12000038436-video-element-is-not-playing-on-ios-11-safari-mobile-browser

Docs:
https://webkit.org/blog/6784/new-video-policies-for-ios/
https://developer.mozilla.org/en-US/docs/Web/API/Element/setAttribute
https://css-tricks.com/what-does-playsinline-mean-in-web-video/

@zzarcon
Copy link
Copy Markdown
Owner

zzarcon commented Dec 2, 2020

Hey @gmatheus thanks for the PR!

@gmatheus
Copy link
Copy Markdown
Author

gmatheus commented Dec 4, 2020

Hey @zzarcon, glad to help here 🙂
Do you plan merging this/releasing a new version of video-snapshot soon? Let me know if you need any help testing this solution!

@gmatheus
Copy link
Copy Markdown
Author

Hey @zzarcon! Any updates here?

@dimafeldman
Copy link
Copy Markdown

@zzarcon can you merge this fix please?

@andrepxa
Copy link
Copy Markdown

@zzarcon can you merge this, please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants