Discussions around embedding media players

There has been much discussion over the last few weeks about embedding media players  within web pages that will automatically adapt to the user’s chosen device.  The responsive design needs to be more than just responsive to one or two issues as we have discovered – there needs to be fall forward and fall back options!  As Yunjia has said

The challenge for HTML5 video/audio in Synote is we need to embed different players not only based on the media type, but also the platform. Obviously, Flash is not well supported on mobile platform. So we must consider the html5 native player and control it through javascript.


MediaElement.js is a “fallforward” html player, which means it is based on HTML5 native player. However, if the browser doesn’t support HTML5, mediaelement.js will embed the self-developed flash and silverlight player.  Hopefully this option is going to provide us with a solution to the issue!

The website MediaElement.js has provided a  comparison of codecing and applicable browsers, including mobile devices.

Browser and device support for HTML5

There is also a large table providing a useful comparison of the HTML5 video player with available features.