如何发挥在IE8浏览器的HTML5视频 [英] How to play the html5 video in IE8 Browsers

问题描述

我开发一个应用程序MVC3我已经使用HTML5视频控件当我运行它弹唱的Chrome应用程序，但是当我尝试在IE8浏览器进行播放不播放视频只是它只能显示白色的页面。 ..How在所有浏览器播放视频，请帮助我..

下面是我的code我在我的网页没有

 ＆lt;视频控制=控制的海报=htt​​p://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg
    WIDTH =640HEIGHT =360＆GT;
    ＆lt;信源SRC =../../视频/ NENU Nuvvuantu  - 橙色 -  MyInfoland.mp4TYPE =视频/ MP4/＆GT;
   ＆LT;％ - ＆lt;信源SRC =htt​​p://clips.vorwaerts-gmbh.de/big_buck_bunny.webmTYPE =视频/ W​​EBM/＆GT;  - ％GT;
    ＆lt;信源SRC =../../视频/ NENU Nuvvuantu  - 橙色 -  MyInfoland.ogvTYPE =视频/ OGV/＆GT;
    ＆LT;对象类型=应用/的X冲击波闪光数据=htt​​p://releases.flowplayer.org/swf/flowplayer-3.2.1.swf
        WIDTH =640HEIGHT =360＆GT;
        ＆LT; PARAM NAME =电影值=htt​​p://releases.flowplayer.org/swf/flowplayer-3.2.1.swf/＆GT;
        ＆LT; PARAM NAME =的allowFullScreenVALUE =真/＆GT;
        ＆LT; PARAM NAME =的wmode值=透明/＆GT;
        ＆LT; PARAM NAME =Flash变量 value=\"config={'playlist':['http%3A%2F%2Fsandbox.thewikies.com%2Fvfe-generator%2Fimages%2Fbig-buck-bunny_poster.jpg',{'url':'../../Videos/Nenu Nuvvuantu  - 橙 -  MyInfoland.mp4'，'将autoPlay：假}]}/＆GT;
        ＆LT; IMG ALT =大雄兔SRC =htt​​p://sandbox.thewikies.com/vfe-generator/images/big-buck-bunny_poster.jpg
            WIDTH =640HEIGHT =360标题=没有视频播放功能，请下载下面的视频/＆GT;
    ＆LT; /对象＆gt;
＆LT; /视频＆GT;
 

解决方案

有设置HTML5视频，flash等回退的一个很好的标准方法。

请参见视频供大家对于后备选项HTML5标记的一个很好的发电机的。

另外，这里的另一个伟大的标签生成，与JS / CSS code，使其工作始终的。

I have develop a MVC3 Application in that i have use html5 video controls when i run the application it is playin Chrome but when i try to play in IE8 Browser it doesn't play the video just it show the white page only...How to play the video in all Browsers please help me..

Here is my code what i did in my page

<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>

解决方案

There's a nice standard way of setting up HTML5 video with flash and other fallbacks.

Please see Video for Everybody for a nice generator of HTML5 tags with fallback options.

Alternatively, here's another great tag generator, with JS/CSS code to make it work consistently.

这篇关于如何发挥在IE8浏览器的HTML5视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！