video.js
video.js copied to clipboard
Odd mobile issues (maybe a bug?)
Description
On mobile (iPhone, Android not tested) my videos are not working. At first, they would load forever. (File type: MOV) This made me think that perhaps it was an issue with my CDN. However, when I access it from the source (no video.js) it works just fine. I tried encoding my videos using Azure Media Services (MP4) After that I get a "File type not supported" error. All this time, desktop is working just fine.
Steps to reproduce
Explain in detail the exact steps necessary to reproduce the issue.
- Using video.js forest from the unpkg CDN
- Using Azure blob storage for videos but I'm using a CNAME that goes to cdn.huelet.net, "File not supported" error after encoding
- Mobile, iPhone, sorry I'm not human because I don't have an android.
Results
Loading forever (no encoding) file not supported error (AMS encoding)
Expected
I expected it to play the video, maybe with some loading time.
Actual
Loading forever (no encoding) file not supported error (AMS encoding)
Error output
"File not supported" error
Additional Information
version
7.10.2 (css & js)
browsers
All iOS browsers
OSes
IOS (Maybe android)
plugins
None
👋 Thanks for opening your first issue here! 👋
If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.
mov isn't widely supported in browsers, but MP4 is. If it doesn't play there's a problem with how the file is encoded or hosted. Safari is fussy about range header support for example.
Unfortunately, the exact same thing happens with mp4 with mov.
So, a summary:
MOV unencoded; loads forever
MP4 unencoded; loads forever
MOV encoded to MP4; "File type not supported"
MP4 encoded to MP4; "File type not supported"
Are you able to a sample mp4/mov file that isn't playing for you?
You mean use a sample video? I tried this one. Worked great on desktop, same issue on mobile.
Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:
- for https://vjs.zencdn.net/v/oceans.mp4: say
@video-archivist-bot save 1jY9mj
are you playing it from our CDN or from your own host/CDN?
The test video is from your CDN. All the other videos I've tried are from my CDN.
I was able to get a friend to try it out on android. I can now confirm this is an iOS-only issue.
Hi not completly sure if is the same problem but here with IOS or Firefox emulation of Iphone X not works with error VIDEOJS: ERROR: (CODE:1 MEDIA_ERR_ABORTED) You aborted the media playback . With chrome and firefox works fine.
Sounds like the same thing, but I can't check the console on my iPhone. What would abort the media? Any ideas?
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
has anyone found a way to run .mov files ?
Very stale issue