I've embedded webm and mp4 format video on html page using video tag, It's working well on all devices on all browsers except ipad and Mac Pro. What video formats are supported by ipad and Mac Pro?
If you talk about the video support of the HTML5 video tag, it depends of your browser and your device (Desktop/Mobile).
See the table of video support
Related
I recently noticed that YouTube videos look pixelated on MacBook M1 on Chrome, FireFox, & Brave.
I have disabled Hardware-Acceleration on these browsers but still have the same issue.
Safari & Edge Chromium renders the video perfectly and there is no pixelation on any of the videos I tested.
Resolution: 1080p
Tested Video: Dolby Atmos trailer
Video Link: https://www.youtube.com/watch?v=pd_6WN9GVtQ
On Chrome / FireFox / Brave
On Safari
Found out an issue regarding the Blurry visuals in YouTube. Chrome/FireFox/Brave uses AV1 video codec to render videos whereas Safari uses VP09 which renders it perfectly. I had to change the Video playback settings in youtube to render it in VP09 as Safari does it by default.
You can also use a helper chrome plugin to mitigate this issue:
Chrome: https://chrome.google.com/webstore/detail/enhanced-h264ify/omkfmpieigblcllmkgbflkikinpkodlk?hl=en
FireFox: https://addons.mozilla.org/en-US/firefox/addon/enhanced-h264ify/
I found this mp4 from the site Giphy. To my surprise it plays in Firefox. Does anyone know how that can be? Normally I have to generate two versions of every video file, mp4 and webm. It would be nice to not have to do that.
Here's the file:
http://media2.giphy.com/media/yoJC2NG0MLnSoEPjIA/giphy.mp4
Firefox will use an mp4 library is a suitable one is on the system that Firefox is running on:
Firefox/Firefox for Android/Firefox OS supports the format in some cases, but only when a third-party decoder is available, and the device hardware can handle the profile used to encode the MP4.
source
If you can use HTML5 I'd suggest the video tag like the following. I figured you'd want controls so I added the controls attribute to the video tag; you could also add autoplay if you want that. I tested it on IE11 and the current versions of Firefox and Chrome. works for all of those. Having alternate versions isn't a bad idea, but mp4 is pretty universal on modern browsers.
<video controls>
<source src="http://media2.giphy.com/media/yoJC2NG0MLnSoEPjIA/giphy.mp4" type="video/mp4">
<source src="http://media2.giphy.com/media/yoJC2NG0MLnSoEPjIA/giphy.webm" type="video/ogg">
Your browser does not support the video tag.
</video>
As to why:
MP4 H.264 (AAC or MP3) The MP4 container format with the H.264 video
codec and the AAC audio codec is natively supported by desktop/mobile
Internet Explorer, Safari and Chrome, but Chromium and Opera do not
support the format. IE and Chrome also support the MP3 audio codec in
the MP4 container, but Safari does not. Firefox/Firefox for
Android/Firefox OS supports the format in some cases, but only when a
third-party decoder is available, and the device hardware can handle
the profile used to encode the MP4.
Note: MP4s encoded with a high profile will not run on lower end
hardware, such as low end Firefox OS phones. The MPEG media formats
are covered by patents, which are not freely licensed. All the
necessary licenses can be bought from MPEG LA. Since H.264 is
currently not a royalty free format, it is unfit for the open web
platform, according to Mozilla [1, 2], Google [1, 2] and Opera.
However, since royalty free formats are not supported by Internet
Explorer and Safari, Mozilla has decided to support the format anyway,
and Google never fulfilled their promise to remove support for it in
Chrome.
Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
I'd like to make app for WP8, which will download and play movies. Android Market has lots apps of this type. But all of just get content, and pass it to video player (MX player for example), and format can be different (.avi, .mkv, .mpeg, etc.), but player shows the content without any problems. For exaple on my Samsung s5830, 1400 mb .avi movie plays good. As I can see - WP8 doesn't has custom video players.
Question: if I download in my app, from web, some movie in .avi format, could I play it on WP8? The same question for video stream for web.
You can play back any video file which is supported by the phone (this is documented on MSDN here). You can stream or play downloaded video from Isolated Storage using the MediaElement in the SDK and on WP8 I think there is a DirectX option too.
It's not enough to say that a file type is supported as these are just video "containers" - each container can contain audio and video of different codecs. MKVs don't look like they're supported at all however.
You can see this video format (codec) support varies between WP7 and 8 and even some kinds of phone dependent on what the chipset in the phone supports. (especially for the high bitrate HD codecs).
There is a nice framework that helps you on playing movies inside your app!
Take a look at it on codeplex http://playerframework.codeplex.com
And some documentation http://smf.codeplex.com/documentation
I`m using mediaelement.js library to display videos. The issue is that for Firefox 3.6.13 on MAC the library loads the .mp4 version of the video and not the .ogv version (wich when loaded is displayed properly).My video sources are in the standard order : ".mp4", ".webm", ".ogv". Is it possible to make the browser load the .ogv version ?
Under MAC video acts differently whenever you have QuickTime installed. The MAC would default to playing the QuickTime supported video instead of the HTML 5 format that it supports in this case OGG. My suggestion would be to detect platform and to remove the .mp4 source using Modernizr.
if (Modernizr.video.ogg) {
// Remove mp4 source
}
Here is documentation on Modernizr.
I need some help streaming audio inside the browser, on a Nokia Lumia 800, running Windows Mobile 7.5.
I currently am using JW Player (flash version) on the desktop browser, to stream an rtmp:// audio provided to me, and that works great. I also have an mms:// version of the same audio stream provided, but I cannot get it to play in the browser on the phone. I have tried setting the mode for JW Player to html5, but it doesn't work.
All the documentation on streaming audio on the windows phone seems to deal with native app development, but that's not an option for this at the moment.
Thanks for any help in advance.
Sorry, but neither the RTMP or MMS protocols are supported in HTML5 or Windows Phone (all versions), either natively or in the browser. You won't find support for either of these protocols even with a native app in WP7.x. WP8 opens up the possibilty of this functionality in 3rd party apps.