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> |