私はvideojsを実装しており、すべてのブラウザで動作していますが、コントロールが表示されず、Flashフォールバックを備えたIE8で再生ボタンが壊れています。
掘り下げた後、cdn にリンクすることで、最新バージョンの js と css を使用していることを確認しました。
「boxWidth = box.offsetWidth」への参照を見ましたが、これは v3.2 以降で修正されたと思います。
コードは次のとおりで、colorbox.js の iframe 経由で提供されます。
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link href="http://vjs.zencdn.net/4.0/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.0/video.js"></script>
</head>
<body>
<?php if (!empty($this->user) && $this->access === true) { ?>
<div id="player" class="" style="">
<video id="video-player" class="video-js vjs-default-skin" controls autoplay width="640" height="480" datasetup="{}">
<source src="[VIDEOURL].mp4" type="video/mp4" />
<source src="[VIDEOURL].ogg" type="video/ogg" />
</video>
</div>
<?php } ?>
<script>
var player = videojs("video-player");
_V_.options.flash.swf = "[FLASHURL].swf";
</script>
</body>