I have a 'very' simple web page I've thrown together using VideoJS to playback an MP4. This works a treat with desktop browsers and also on the iPhone but fails to load/play on the iPad. Instead I just get a solid black rectangle. I'm completely baffled - any ideas?
http://haslams.net/sandbox
I'm guessing it could possibly be an encoding issue but I'm suprised that it plays back just fine on the iPhone but not the iPad. Both devices have the latest iOS install (5.1.1).
:)
In your link, none of the Video.js setup methods are being used, so basically Video.js isn't running. Add data-setup="{}" as an attribute to the video tag. I'm not sure if that will fix the issue, but it's a start.
Related
I'm working on a app using quasar. It's working fine on all other browsers but giving the problem on IOS mode. When run it on IOS simulator, and tried to play the video it will automatically go to FullScreen Mode and I want to undo this.
I read a lot of answers here and all of them are suggesting to use playsinline but that's not working for me
See I'm using playsinline to avoid full screen but it's not working and whenever I play the video it will go to full screen mode. Even I tried to use autoplay, tried to play the video manually. In both cases it is going in full screen mode.
Has anybody seen this before? Is there a way to fix? If not, is there a way to detect a video going full screen and abort it?
Im recording 360° videos for my real estate agency and embed the videos on my wordpress website on the various listings. However after being uploading new videos for properties for about 3 days now. Ive realized they dont play correctly on iOS devices.
Basically you cant move the camera around with your finger or by moving the device around.
Android does work, but iOS doesnt. Tried different browsers too its something to do with how ioS or the player iOS uses when playing a youtube video.
How can I fix this problem? As its a massive issue that I must fix somehow.
Thanks in advance!
Example link: https://66property.com/estate_property/studio-for-rent-at-srithana-condo-on-high-floor-w-mountain-view/
Video works fine on android/desktop/mac/windows but not if on iOS. Tested Safari and Chrome. Both didnt work.
This has been a limitation for some time on Mobile devices unfortunately - embedded 360 videos require the YouTube App to play. See note from YouTube (https://support.google.com/youtube/answer/6178631?hl=en):
To watch 180° or 360° videos, you need the latest version of Chrome, Opera, Firefox, or MS Edge. On mobile devices, use the latest version of the YouTube app.
It does appear to work on Android devices when embedded now, but on iOS this seems to still be a restriction.
I've got this little problem here.
I'm using the HTML5 video-tag on a website, and everytime I try to close it, it keeps re-opening.
This only happens on Safari on iOS, specifically on iPhone. There are no problems with other devices on iOS that I know of.
Website: http://boplancom.webhosting.be (in development)
On your iPhone, just tap the video to start playing, and then try to close it.
Problem was solved. It was a javascript issue where I played the video whenever it came into the viewport.
This bug looks to be resolved as of iOS 9.
The video plays fine on the desktop evergreen browsers, and in stand alone mode on Android devices.
It even plays nice on the iOS8 safari, but once a user goes and adds it to their home screen, the video no longer plays.
I put up an example here http://bugs.readingplus.com/ios8-video-test/.
If you using iOS8 you can play the video, add the url to your home screen and load it up. You will get the controls, but once you touch play all you get is the first frame.
I put the source of the page on Github, or you can just go to the page and view the source.
Am I missing something, is my markup fubared, is this just a bug, has anyone found a work around?
As of iOS 8.3 the issue is partially resolved. I have verified that the video, in the example, now plays when launched from the "Add to Home Screen" link.
The remaining issue is the audio, it is not being rendered/played.
this is great news, can it be confirmed by others?
I don't want to take the plunge and update to 8.3 until I'm confident video and audio in a homescreen webclip are working in iOS 8.3
Looks like iOS 8.3 fixes this issue. I have a standalone web app that uses an audio element, and it's working as expected now. FINALLY!
I wasn't sure where to exactly ask this question, so here seemed most appropriate i guess. Something weird happened, quicktime movieclips suddenly stopped streaming in Safari on my Ipad, if i try to load one in the adres bar now i just get a crossed out video icon. I became aware of this because i tried streaming a video thats in an app i developed and all of a sudden it didn't work anymore whereas it had been working perfectly fine before... So i figured trying streaming them in Safari to see if that would work but well... It didn't. This is one of the files http://www.royniginal.nl/newswall/tiles/bioGrid/video/vid1.mov , can someone confirm maybe whether or not this is streaming on an iPad (in safari), like i said it has been working fine on my Ipad before...
No this does not stream, which suggests it is a codec issue. I had this problem with developing websites. If you have access to this video to change it, the best format is MP4 which is the only safari supported video format according to W3C schools HTML5 section. This should fix the problem.