I’m working on adding some code to a section of a client’s site which plays a video and then uses jQuery to fade the video out and fade a dynamic slideshow in. I think I can do this by using the jQuery support for video events, but that won’t work for older browsers which are displaying the video using flowplayer. Is there a way for me to use jQuery to detect whether a browser supports the video tag conditionally so that I can fall back on a delay before the fade out for older browsers?
I found a solution for this problem in case people come upon this later. You can detect whether the new html5 video events exist to tell whether the browser knows what the video tag is supposed to do like this:
if($('video#my-video').attr('ended') != undefined) {
//do something with video tag events
}