CODEWITHSUNDEEP
html
alexandercannon
alexandercannon

Reputation: 544

html5 video player error handling

I have an HTML5 video player that plays mp4 videos (I only have mp4 videos as I'm not a fancy man with fancy multiple codecs). I would like to display an error message for when the mp4 videos aren't supported or for when the asset is missing but the whole internet just seems to be people complaining they can't find videos so it's been hard to find a reliable source.

Long story short; How do I add error messages for when the video is missing or if the codec isn't supported by the browser.

The video code is nice and simple, the source is generated from a server side script and it looks as follows;

<video controls height ="500px"> 
    <source src="videos/movie.mp4" type="video/mp4">
    Your browser does not support this video player, please consider upgrading to a modern browser or contact your sysadmin.
</video>

Upvotes: 1

Views: 4470

Answers (1)

Scimonster
Scimonster

Reputation: 33399

If you listen for an error event on the <source> element, it will tell you if loading fails.

<source src="videos/movie.mp4" type="video/mp4" onerror="alert('Could\'nt load video')">

Though you might want to just listen from JavaScript. ;)

Upvotes: 4

Related Questions