gre / diaporama

image/video/content slideshow engine providing high quality animation effects including Kenburns Effect and GLSL Transitions.
http://greweb.me/diaporama/
ISC License
797 stars 104 forks source link

Video audio tracks not playing on Mobile Safari / iOS #64

Open rorito opened 7 years ago

rorito commented 7 years ago

If you try to play a video in diaporama on Mobile Safari, you'll see the video play but you won't hear the video's audio track (tested on iOS 10 and 11).

I've tried setting the playsinline attribute on the item.video. Neither seems to work: https://github.com/rorito/diaporama/commit/6579232d2577627af842992ea0cad06c7aac8cca https://github.com/rorito/diaporama/commit/57f7e3f2a55f803a7c5a5b4e3123b20690d36a45

Basically, I’ve tried setting the playsinline attribute of item.video, but I wonder if maybe Mobile Safari doesn’t respect that because the video element isn’t in the DOM? It could also be that the user gesture action of clicking the diaporama-controls play button isn't interpreted by Mobile Safari as a user action on a

If I’m reading the guidelines correctly (https://webkit.org/blog/6784/new-video-policies-for-ios/), as long as you don’t autoplay and the play starts with a user action, you should be able to hear the video’s audio when played inline. I don’t think you need to have the