IE8ブラウザでhtml5ビデオを再生する方法

Question

私はアプリケーションを実行するときにhtml5ビデオコントロールを使用していますが、IE8ブラウザで再生しようとするとMVC3アプリケーションを開発しました。ビデオはただそれだけ...すべてのブラウザで動画を再生するにはどのように私を助けてください、白ページを表示...ここ

は、私は素敵な標準的な方法があります

<video controls="controls" poster="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" 
    width="640" height="360"> 
    <source src="../../Videos/Nenu Nuvvuantu - Orange - MyInfoland.mp4" type="video/mp4" /> 
    <%-- <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm" type="video/webm" />--%> 
    <source src="../../Videos/Nenu Nuvvuantu - Orange - MyInfoland.ogv" type="video/ogv" /> 
    <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" 
     width="640" height="360"> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowFullScreen" value="true" /> 
     <param name="wmode" value="transparent" /> 
     <param name="flashVars" value="config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'../../Videos/Nenu Nuvvuantu - Orange - MyInfoland.mp4','autoPlay':false}]}" /> 
     <img alt="Big Buck Bunny" src="http://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg" 
      width="640" height="360" title="No video playback capabilities, please download the video below" /> 
    </object> 
</video> 

Answer 1

私のページに何をしたか私のコードですフラッシュやその他のフォールバックでHTML5ビデオを設定する

フォールバックオプションを備えたHTML5タグの素晴らしい生成元については、Video for Everybodyをご覧ください。

また、another great library, with JS/CSS code to make it work consistentlyです。

Answer 2

私は以下の方法でIEの再生に関する問題を解決しました。

<video id=0 controls width="640" height="360"> 
<source src="new/db.ogv" type='video/ogg; codecs="theora, vorbis"'/> 
<source src="new/db.webm" type='video/webm' > 
<source src="new/db.mp4" type='video/mp4'> 
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500" height="500"> 
    <param name="movie" value="db.swf"> 
    <param name="quality" value="high"> 
    <param name="wmode" value="opaque"> 
    <param name="swfversion" value="11.0.0.0"> 
    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> 
    <param name="expressinstall" value="../../Scripts/expressInstall.swf"> 
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> 
    <!--[if !IE]>--> 
    <object type="application/x-shockwave-flash" data="db.swf" width="500" height="500"> 
    <!--<![endif]--> 
    <param name="quality" value="high"> 
    <param name="wmode" value="opaque"> 
    <param name="swfversion" value="11.0.0.0"> 
    <param name="expressinstall" value="../../Scripts/expressInstall.swf"> 
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> 
    <div> 
     <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> 
     <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p> 
    </div> 
    <!--[if !IE]>--> 
    </object> 
    <!--<![endif]--> 
</object> 

</video> 

<script type="text/javascript">swfobject.registerObject("FlashID");</script> 
<script src="../../Scripts/swfobject_modified.js" type="text/javascript"></script> 

//私はIE8でJWPlayerでページ上の動画を切り替えることができなかったんだ、ここ

http://code.google.com/p/fanarshavin/downloads/detail?name=swfobject_modified.js&can=2&q=

Answer 3

をswfobject_modifiedダウンロードすることができます。さらに、JS APIはIE8では機能しません。 トッププレーヤーもいます：medialement、VideoJS、SublimeVideo。だから、私は現在メディア要素を試しています。