2012-01-03 12 views
2

私のウェブサイトにビデオを表示するには、次のコードを使用しています。 FirefoxGoogle Chromeで動作していますが、で動作していません。です。ビデオがIEで動作していません

<video class="video-js" width="278" height="165" controls preload> 

    <source src="/uploads/video/encoding/mp4/<?php echo $video->getId() ?>.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
    <source src="/uploads/video/encoding/ogg/<?php echo $video->getId() ?>.ogg" type='video/ogg; codecs="theora, vorbis"' /> 

    <object id="flash_fallback_1" class="vjs-flash-fallback" width="278" height="165" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> 

     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowfullscreen" value="true" /> 
     <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":false}]}' /> 

    </object> 

</video> 

私はそれを探しましたが、まだ成功しませんでした。 IEのサードパーティ製プラグインをインストールしないと、これのプログラミングソリューションがありますか?

ありがとうございます。

+0

あなたが書いたコードが正しく動作しているようです... IEのフラッシュプラグインをインストールしましたか? – fcalderan

+0

私はこれをチェックしなかった。これをどうすれば確認できますか? – Awan

+0

IEのバージョンを言うことは常に重要です。 IE 6,7,8,9,10でどのバージョンをテストしていますか? – epascarello

答えて

4

HTML5はIE9より前のバージョンではサポートされていません。したがって、ビデオタグは認識されません。 object tag was introduced in HTML 4しかし、いくつかの以前のバージョンのIEにはバグがあったか、まったくサポートしていないものがありました。

要するに、<object>...</object>の代わりに独自の<embed>...</embed>タグを使用してフォールバックを作成する必要があります。

OR

よりよい解決策は、IEの以前のバージョンにJavaScriptを介してHTML5要素を作成HTML5shivを使用することであろう。

あなたはあなたの頭の部分に次のように配置する必要があります:

<!--[if lt IE 9]> 
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

あなたはNetTuts+上のいくつかの興味深い説明やその他の便利なツールを表示することができます。

5

ie9より古いバージョンは、html5をサポートしていません。

フォールバックとして埋め込みを使用します。

1

IE 9+のみがhtml5ビデオタグをサポートしています。 IEブラウザのうち

http://msdn.microsoft.com/en-us/ie/hh410106

+0

参考資料を追加してください – powtac

+0

参照の必要はありません... IEの以前のバージョンは、標準に準拠していないことで知られています。 :P – Alerty

1

のみIE9 supports videoタグ、あなたはそれをテストするには、そのバージョンを使用するか、フォールバックを使用する必要がありますことを確認してください。他のすべての最近のブラウザはそれをサポートしていますが、リンクをチェックして正確にどのバージョンから参照してください。

+1

現在のブラウザはすべてビデオタグをサポートしていますが、IEのバージョン9のみをサポートしています。 – Rob

+0

そうです、私はそれを編集します:) – canihavesomecoffee

関連する問題