0

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 の閉じるボタンのみがオーバーレイに表示されます。他のすべてのブラウザで完全に動作します

4

1 に答える 1