When i open http://plyr.io in safari with my iphone , the video is not setup , it use the html5 default player.
But the audio is setup by code.
Chrome in ios also has the problem.
Why is it?
ForeverPx
All 9 comments
iOS doesn't allow custom HTML5 video players. You'll notice all videos (on other sites too) will open the native player. Just one of those things unfortunately.
sampotts
on 24 Nov 2015
Why the buttons didn't display in iOS ? i saw the source code is SVG.
ForeverPx
on 24 Nov 2015
As I say, it's something _Apple_ doesn't support. The native player is forced and videos play in full screen no matter what. Native apps have more control.
sampotts
on 24 Nov 2015
Oh, I see. Thanks~
ForeverPx
on 24 Nov 2015
is you judge the browser and find if it is safari in ios , you do not setup the video ?
ForeverPx
on 24 Nov 2015
Yep. No point adding the custom controls since the video always opens up in the native player anyway.
sampotts
on 24 Nov 2015
Is this a thing to work around (without html5) maybe? So we could use plyr in (iOS) apps as well, like https://github.com/videogular/videogular for Angular (Ionic)?
mxmzb
on 20 May 2016
Another bump: It is actually possible to use plyr on iOS. Basically just adding "webkit-playsinline" to the video tag will do it. If in some weird case it doesn't, you can use https://github.com/bfred-it/iphone-inline-video on the video tag as well and that one will do it for sure.
However, at least for me, plyr will be hugely distorted on iOS for me, as the video element is much bigger than the screen, although I have max-width: 100% on it. Can we have another look on this at some point?
mxmzb
on 9 Jun 2016
Hello, I have a problem with playing video in iOS too.
I have a video with text vtt subtitles in mp4 format. My problem is that if tap the play button, the video doesn't start. If I reload the page containing the video, the play button works flawlessly.
I bet there is something related to the preloading of the video or something else.. anyone had this issue?
thanks,
hardcorenik
on 10 Feb 2017
Related issues
Skwai
路
4Comments
Generalomosco
路
3Comments
MTyson
路
3Comments
tomByrer
路
3Comments
ahmadshc
路
3Comments
Most helpful comment
Another bump: It is actually possible to use plyr on iOS. Basically just adding "webkit-playsinline" to the video tag will do it. If in some weird case it doesn't, you can use https://github.com/bfred-it/iphone-inline-video on the video tag as well and that one will do it for sure.
However, at least for me, plyr will be hugely distorted on iOS for me, as the video element is much bigger than the screen, although I have max-width: 100% on it. Can we have another look on this at some point?