Skip to content

Instantly share code, notes, and snippets.

@chrisroos chrisroos/README.md
Last active Aug 29, 2015

Embed
What would you like to do?
Example of the "not supported" error message problem in video.js

In Chrome 34.0.1847.116 on Mac OS X 10.9.2, this configuration (specifically the lack of type="video/mp4" on the source element) of video.js causes the notSupportedMessage error message to be dislayed by the video.js player. Although I can see the error message has been added to the DOM, it's not visible and it causes the vjs-poster element to be pushed down the page, resulting in one copy of the poster image overlaying the other.

I've raised this as issue 1164 in the video.js repo.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>VideoJS error message test</title>
<link href="http://vjs.zencdn.net/4.5/video-js.css" rel="stylesheet" />
<script src="http://vjs.zencdn.net/4.5/video.js"></script>
</head>
<body>
<h1>VideoJS error message test</h1>
<video id="testVideo" class="video-js vjs-default-skin" controls preload="none" poster="http://view.vzaar.com/1570191/image" height="270" width="646" data-setup='{}'>
<source src="http://view.vzaar.com/1570191/video" />
</video>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.