What is the correct (or does it exist?) way to check HTML5 audio: How to check if playbackRate on audio element is supported?
Some mobile browsers allow to set playbackRate and even fire ratechange but actually paying rate does not change.
Maybe some one came across such problem and found cross-platform solution?
Check if playbackRate is recognized:
'playbackRate' in document.createElement('audio');
According to developer.mozilla.org the attribute is not supported in:
Mobile Chrome (Android)
IE Mobile
Opera Mobile
Related
I noticed that using an audio file in <video> works fine.
Does this feature have good browser compatibility and is it an HTML5 standard?
I found this but it's from 7 years ago and has no answers.
Yes a <video> element is supposed to be able to play media resources that only contain audio data, just like an <audio> element is supposed to be able to play video media (without displaying the video stream).
A browser that wouldn't do that would be a buggy browser.
<video> tag supports most browsers like chrome, edge, firefox, safari, and opera.
It is a global attribute in HTML5.
For Audio you can also use <audio>.
If you want to know more there is something you can check out
https://www.w3schools.com/tags/tag_video.asp
I am using JWplayer 6.
I need to force it to use HTML5 even if HTML5 is not supported (this is for RESTing purposes).
I cannot figure out how to accomplish this.
I have tried setting jwplayer("playername").settings({primary: "flash"}) - it didn't work.
Right now I am resorting to disabling flash in browsers but not all browsers/devices allow this without addons.
I am using (player).getRenderingMode to determine the playback type so I am absolutely certain that only flash is being played.
Any help is appreciated!
UPDATE:
I have the primary: "flash"/"HTML5" setting working in every browser except Safari.
According to W3C schools Safari DOES support mp4 files in HTML5 mode.
So my question is now how to force Safari to play in HTML5 mode
I have a HTML5 video, working fine, and i'm happily smiling whenever i start my browser... However!
I know the Video tag isnt supported by some browsers, but i noticed there is a difference in support for video attributes/methods/whatever too. Is there a summary of this somewhere?
For example:
The poster attribute doesnt work in every browser, even if the vide DOES work!
I think its pretty worthless to just use an entire javascript library to take care of one attribute like poster, so how to take care of this?
Or am i completely wrong, and is IF video is supported, also every attribute supported the same way?
Please help me! :)
Thanks for all your advice,
WK
ps: I am using the video for everybody variant of the video. So thats working fine.
Is this the kind of thing your after?? click me.
Basically there is the following support for the HTML5 video tag:
Every modern browser that has support for HTML 5 supports <video>
meaning: IE9+, FF3.6+, Chrome, Opera, Safari
Internet Explorer 9 does not support the poster attribute. I believe
there is even a bug about this on Microsoft connect.
Firefox does not support the loop attribute. (replaying a video after it has finished)
Different browsers support different video formats, IE9 supports
H.264, Firefox supports ogg (Theora) and WebM etc, which means that you would need to provide all formats in order to be compatible with all browsers.
The rest is pretty much supported everywhere.
well, HTML 5 is not yet standardized. Due to this, every browser that support html5 works differently. As far video tag is concerned then you have to provide with different formats so as to get support on various browser list. You can test browser support on this site. Here you can get all the details about the extent your browser support to HTML5
I find this page a good resource (although it is starting to get old as it was earlier this year): http://www.longtailvideo.com/html5
On a separate note, I find if you go to mobile devices such as Android the browser support varies greatly per device. Even though they are "supported" I always get strange behavior.
As for poster, there is no good solution if you want to have support across all browsers.
Doesn't IE9 Mobile support html5 video events?
till now i got no luck with that ... and also found no information about it.
any ideas ? ;)
thx!
it seems to only support a very, very minimal subset of what desktop ie9 can handle. So far from what I observed, ie9mobile supports e.g. "loadstart" and "canplay" events but does not fire the "ended" event just like many others. Test with your phone here to see what's possible and what not: http://www.w3.org/2010/05/video/mediaevents.html
Trying to determine if any Android browsers (or other mobile platform browsers) support HTML5 drag and drop.
Is there an up-to-date online reference for HTML5 feature support within browsers? Specifically mobile browsers?
I think this is what you want: http://caniuse.com/
MobileHTML5 http://mobilehtml5.org/ is an interesting reference where to check for html5 support on mobile devices
This shows a lot of mobile related tables,maintaned by #ppk
http://www.quirksmode.org/mobile/
This is specifically for touch events: http://www.quirksmode.org/mobile/tableTouch.html