在不同的浏览器中支持视频

时间:2012-10-09 08:09:31

标签: asp.net html visual-studio-2010 html5 video

我有一项任务是上传视频并在不同的浏览器中播放。我试过在不同的浏览器上播放.Mp4视频 我试过像

那样实现iframe
 <iframe id="frame1" runat="server" visible="false" style="height: 222px; width: 482px;">
                </iframe>

并尝试在运行时将其实现为src:

 frame1.Visible = true;
 frame1.Attributes.Add("src", objLessionsInfo.VideoPath.ToString());

它适用于chrome。但不在firefoxIE 我还尝试将HTML5的视频标签实现为

<video controls="controls" tabindex="5" class="Video">
     <source src="Videos/2.webm" type="video/webm" >
      <source src="Videos/2.ogv" type="video/ogv">
      <source src="Videos/2.mp4" type="video/mp4">
      Your browser does not support the <code>video</code> element.
     </video>

同样的作品Chrome但不是FirefoxIE作为.mp4适用chromefirefox不支持。我尝试使用.webm格式在firefox上播放。

我对如何为不同的浏览器提供视频支持或如何构建此任务的概念感到困惑。 我应该检查浏览器并播放该特定浏览器的视频(在这种情况下,我必须在不同的浏览器上传视频) 或者是否有任何可以在所有浏览器中播放视频的通用插件
需要帮助。谢谢你的帮助。

1 个答案:

答案 0 :(得分:2)

尝试使用HTML5视频插件,例如

Mediaelementjs.com
videojs.com

这些插件会自动处理您的浏览器兼容性。 “.mp4”就足够了。如果您没有其他视频扩展名(.ogg或.webm),插件会自动将其转换为FLASH对象。