How are you doing?
Well. I'm running 3 videos on my website - HTML5
1st video > Specs: 4K 3840 × 2160 pixels - .WebM format
2nd video > Specs: FullHD 1080p 1920 x 1080 pixels - .WebM format
3rd video > Specs: FullHD 1080p 1920 x 1080 pixels - .mp4 format
As known .webm has compatibility pratically with all browsers.
I made a really simple test to check which browser has compatibility with .webm
Selected browsers for the test I've done:
Google Chrome, Safari, Firefox, Opera and Microsoft Edge.
1st test:
Browsers that definitely have compatibility with .webm after playing the video on my website:
Google Chrome, Firefox, Opera and Microsoft Edge. (Definitely, Safari is the only not acceptable)
2nd test:
Browsers that definitely worked on 4K .WebM:
Google Chrome, Opera and Microsoft Edge.
3rd test:
Browsers that definitely worked on 1080p .WebM:
Google Chrome, Firefox, Opera and Microsoft Edge.
4th test:
Browsers that definitely worked on 1080p .mp4:
Google Chrome, Safari, Firefox, Opera and Microsoft Edge.
Conclusion: From the list (Google Chrome, Safari, Firefox, Opera and Microsoft Edge) all browsers can play .webm format, except safari.
From the list of browsers that can play .webm (Google Chrome, Firefox, Opera and Microsoft Edge), all of them can run 4K. Only Firefox doesn't accept 4K .webm (firefox only accepts 1080p .webm)
Safari definitely can't run .webm format.
If you wanna check the tests I've done by yourself, please access my website link: http://167.71.100.135
Here is the point:
I'm definitely fine that Safari doesn't work with .webm
What I really don't "accept" is the way Firefox goes. Does anyone
knows why Firefox can't run on 4K .webm? As mentioned before, maximum
resolution I could get on firefox was 1080p .webm
Does anyone know how to make it works on 4K .webm? I'm really not satisfied with maximum firefox 1080p .webm, knowing that all others browsers do the 4K job.
Thank you very much!
I value your feedback, so let me know what you think!
Sincerely,
Mat
How are you my friend?
Yes, the video 4k is 3.8GB, 2k is 1.5GB and 1080p 800MB.
Exactly, the videos are an hour long and I can play smoothly the 4K video using any browser (chrome, opera and microsoft edge). I can't play only on firefox. (Firefox only accepts only max 1080p)
Oh yeah, I tried with a shorter video for sure. It's a 5min 4k (600mb) video and firefox doesn't accept... here is the link, you can try by yourself, please: http://167.71.100.135/5min-4k-600mb
Look forward to hearing from you.
Sincerely,
Mat
Do these videos play if you just open them locally in the browser? The videos are an hour long, and the 4k video is 3.8 GB, the 2K is 1.5 GB and the 1080p is 800 MB.
Perhaps trying with a shorter video? I am able to play a 600MB 4k video in Firefox opening from localhost.
Have you thought about streaming a video of this size?
EDIT:
Looking at the 3 videos with FFprobe, the 4k and 2k videos are VP9 encoded, and the 1080p is h264 encoded. You should standardise the encoding on all 3 videos, to ensure that it really is the size, and not the encodings:
https://www.streamclarity.com/probe?url=http://167.71.100.135/wp-content/uploads/media/webm1080p.webm
I'm having WebRTC usability issue in Opera (55.0.2719.50560) and Firefox (68.3.0) on Android (Samsung Galaxy S6).
Firefox problem: is asking me multiple (around 3) times about permission to use camera. Also is asking me all the time which camera I want to use (regardless that constrains are set)
Opera: is asking me multiple times (around 3) which camera I want to use (regardless of constraints).
Exactly the same code is working properly on the same phone on Chrome and using Safari and Chrome on iPhone.
All content is served using https.
Thank you for any suggestions.
I am using HTML5 audio along with angular2. It works for desktop very smoothly. But when it comes to media device it seems not working.
I have tested on iOS chrome and safari.
Any help would be highly appreciated?
So, I'm building responsive pages using the Chrome dev tools iOS emulator, only to find that there's a 5% difference when you check it out on an actual phone.
All my css is normalized and has the latest vendor prefixes, so I'm stuck with guessing what's going wrong with that last 5%.
Surely there is a way to see the CSS output on a mobile device? Dev-tools for mobile. Surely!
On Android phones, Chrome does support Remote Debugging over USB
Since you're in iOS, though, you are able to use Safari's remote debugging feature to try to debug the page. Chrome for iOS uses Apple's UIWebView to render pages, so debugging in iOS Safari should give you the same results you're seeing in iOS Chrome.
Safari's remote debugging feature can be used by going to Settings > Safari > Advanced on your device, connecting the device to the computer via USB, then in Safari on your Mac, go to Develop > [Device] > [website] to debug.
Use input file tag for capture image from ipad camera.
<input type="file" accept="image/*;capture=camera">
On Safari - back screen, on Chrome - work.
What problem with safari?
Hello you should know that the camera API is new and not available for all browsers. Here you can see, if it's available for the specific browsers. You also will see that Safari doesn't support it. Only a few supports it like : GC, FF, Opera, GC for Android and Android Browser.
Supporting Camera