2012-01-11 7 views
3

ffmpegで自動変換されたクロスブラウザビデオプレーヤーをコーディングしただけで、すべてのブラウザでうまく動作します。彼らはすべて異なるコントロールを表示するので、VideoJSを使用してスタイルを設定すると思いました。VideoJSフォールバックとInternet Explorer 8

これは私のデモページです: http://www.animero.com/2012/produktioner/jakobsson-pr-vegibar/

肌のコントロールは、HTML5のvideoタグをサポートするすべてのモダンブラウザで表示されるはずです。しかし、私の問題はIE8です。フォールバックは動作していないようです。なぜなら、「ムービーはロードされていません...」と言うブラックボックスしか得られないからですが、オーディオはまだ再生されています。私はすべてが素晴らしい作品VideoJSをオフにすると

<div class="video-js-box"> 
    <video id="my_video_1" class="video-js vjs-default-skin" width="790" height="444" poster="<?php echo $videoFiles['poster']; ?>" preload autoplay controls data-setup="{}"> 
     <source src="<?php echo $videoFiles['mp4']; ?>" type="video/mp4" /> 
     <source src="<?php echo $videoFiles['ogv']; ?>" type="video/ogg" /> 
     <object id="flash_fallback_1" class="vjs-flash-fallback" width="790" height="444"> 
      <embed width="790" height="444" src="<?php bloginfo('stylesheet_directory'); ?>/spelare.swf?image=<?php echo $videoFiles['poster']; ?>&video=<?php echo $videoFiles['flash']; ?>" type="application/x-shockwave-flash" wmode="transparent"></embed> 
     </object> 
    </video> 
</div> 

、およびIE8に私のフラッシュプレーヤーが良い作品:

は、これが私のマークアップです。誰も私にこれを手伝ってもらえますか?事前に

おかげで、 ジョナサン

+0

私はIE8で同様の問題を抱えていて、答えを探していたので、ここにたどり着いた。あなたが ' 'の部分をvideo-jsとして読み込むことができるのは、あなたのブラウザが'