videojs と fancybox を使用して、ビデオをオーバーレイに動的に表示しています。しかし、フラッシュ フォールバックは IE 8 では機能しません。コードの何が問題なのかがわかりません。
var c = "filename";
var content = '<video id="my_video_1" class="video-js vjs-default-skin" controls autoplay preload="auto" width="640" height="480" >'+
'<source src="video/'+c+'.mp4" type="video/mp4">'+
'<source src="video/'+c+'.webm" type="video/webm">'+
'<source src="video/'+c+'.ogv" type="video/ogg">'+
'</video>';
$.fancybox({
'padding': 0,
'autoScale': false,
'transitionIn': 'none',
'transitionOut': 'none',
'width': 640,
'height': 479,
'content': content
});
ホストされたバージョンのvideojsを使用しているため、swfプレーヤーファイルへのパスも指定しました
<script src="js/video-js/video.min.js"></script>
<script>
_V_.options.flash.swf = "js/video-js/video-js.swf"
</script>
誰かが私のコードの何が問題なのか教えてください。IE 8 では、fancybox の閉じるボタンのみがオーバーレイに表示されます。他のすべてのブラウザで完全に動作します