Open DanieleSuppo73 opened 4 years ago
Hi @DanieleSuppo73, can you confirm if this demo: http://thiago.me/clappr-video360 works for you on iOS? if this one does it might be something with the plugin running with HLS, so you can try to run it with a mp4 to workaround while I look into the issue
Yes, your demo is working. I did some test on iOS: 1) It work with a LOCAL HOSTED (on my server, not Vimeo) .mp4 video file, with max size 2048 x 1024 2) It does not work with a LOCAL HOSTED (on my server, not Vimeo) .mp4 video file, with size 4096x 2048 (Error code: html5_video4) on iOS10 (but it seem to work on iOS13, not totally sure at the moment) 3) It does not work with .m3u8 video file hosted on Vimeo (black screen) 4) It does not work with .mp4 video files hosted on Vimeo, of any size (black screen)
I give you a couple of links on Vimeo to test:
HLS: https://player.vimeo.com/external/356158599.m3u8?s=4cc2e833252c2f761dad31c7a825828d68146a78
Many thanks!
cool thanks! I'll try to fix HLS playback and check for these higher resolution issues this weekend
I forgot to mention that I'm running iOS10 on iPhone6s, and iOS13 on iPhone7. Many thanks for your work
Hello thiagopnts did you find any solution for videos on Vimeo (HLS or MP4) ? I have some bandwidth troubles to play the videos hosted on my server... Many thanks
Hey @DanieleSuppo73 I havent looked yet, I'll be stuck between airports for hours this week, so I'll have time soon
Ahahah! Don't worry, take your time. Sometimes to be stuck in airport is not so bad if you can relax
Hello thiagopnts, could you give a look?
Hello, you wrote that with 0.0.7 version your plugin should work on iOS , but I still can't make it work (not with Safari, not with Chrome): the video does not show up (but I can hear the audio) P.s. Double tapping on the (black) screen it show the video fullscreen, but not 360.
I'm using npm package, as you suggested
var player = new Clappr.Player({
source:'https://player.vimeo.com/external/356158599.m3u8s=4cc2e833252c2f761dad31c7a825828d68146a78', plugins: {container: [Video360],}, width: "100%", height: "100%", parentId: '#player', });
It work fine on PC and Android, not on iOS + Safari / Chrome You can check my test here: http://issimissimo.com/_temp/ClapprTest/
Tested on iOS 10 - 13