We are using slick carousel slider http://kenwheeler.github.io/slick/
and embedded a jwplayer autoplay video in the first slide using either iframe or js script.
On our sample page here http://pastebin.com/1E2uwYQe autoplaying works on desktop but not on iOS.
When we take the iframe or js embed and paste it directly in the description of the product, we see it autoplay correctly on iOS.
Any suggestions?
It doesnt seem isolated to iOS. Its all mobile
Android and iOS both block content from autostarting if it is not muted. My suggestion would be to add jwplayer().play(true); to your touch event.
I looked at your pastebin.com link, but I do not see a carousel on that page.
Hi Todd,
Please check again http://pastebin.com/1E2uwYQe we were trying to isolate the issue and you probably saw the page when nothing was on it
The player is set to autoplay and muted so that shouldnt be an issue https://cl.ly/0e1v450I3T2M
How do I add jwplayer().play(true); to my touch event when using an embed within the slick slider?
Thanks!
Perhaps there a place we need to whitelist the domains which embeds are on?
I don't see any console errors on chrome or emulator like browserstack and when viewing it console/browserstack it shows a big play button like its not set to autoplay. However on my real iphone when I browse to the page, it shows the thumbnail screenshot set on the video, then shows the loading circle and never plays.
Hey Alex, thats the url of the where the embed is located and I was having the issue. I was trying to avoid a link to the site on a public forum :) anyway you can remove the url?
Sorry about that – I hid that post so it should no longer be visible.
On that URL, I am not seeing the player as part of a carousel and it is autoplaying for me on my iPhone. Is that the URL I should be looking at to see the player in the carousel?
Alex,
You're not going to believe this but we were able to reproduce the issue initially described from 3/16-3/20 and now all of a sudden its gone and its working like it should. The video is embedded in the slick carousel for the first slide and it plays automatically inline on iOS and android
Unfortunately I have no idea why it decided to work so this thread is pretty useless for anyone else that comes across it :)
Thanks though for checking!
Well I’m glad you were able to get it working!
