在网页中嵌入视频答案

【问题标题】：Embed video in web page在网页中嵌入视频
【发布时间】：2013-05-15 17:20:25
【问题描述】：

我在 asp.net MVC 中工作。我想在网页中添加视频文件。大多数文件格式是我必须使用的flv 和mp4。我已经尝试了以下

<video src="myvideo.mp4"><video> which works well in Chrome but not in Firefox.

然后我尝试了 ASP.NET Video Helper

@Video.Flash(path: "myvideo.mp4",
                 width: "400",
                 height: "600",
                 play: true,
                 loop: true,
                 menu:  false,
                 bgColor: "red",
                 quality: "medium",
                 scale: "exactfit",
                 windowMode: "transparent")

和

@Video.MediaPlayer(
        path: "myvideo.mp4",
        width: "400",
        height: "600",
        autoStart: true,
        playCount: 2,
        uiMode:  "full",
        stretchToFit: true,
        enableContextMenu: true,
        mute: false,
        volume: 75)

和

@Video.Silverlight(
        path: "myvideo.mp4",
        width: "400",
        height: "600",
        bgColor: "red",
        autoUpgrade: true)

但没有任何效果。我已经安装了Web Helper Library。我在这些浏览器中得到的唯一错误消息是：“Plugin Missing”。当我单击“自动搜索缺少的插件”时，浏览器会显示消息“未找到插件”。请指导我如何将视频（mp4 和 flv）添加到我的网页，以便它可以在任何地方工作。请帮忙。

【问题讨论】：

标签： asp.net .net asp.net-mvc-4 razor

【解决方案1】：

据我所知，Firefox 不支持 MP4。当我在网站上托管电影时，我像你一样使用<video>，但提供两种格式：用于 IE 和 Safari 的 MP4 和用于其他人的 WEBM。

<video poster="movie.jpg" controls>
    <source src="movie.webm" type='video/webm; codecs="vp8.0, vorbis"'/>
    <source src="movie.ogg" type='video/ogg; codecs="theora, vorbis"'/>
    <source src="movie.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/>
    <p>This is fallback content</p>
</video>

您可以阅读更多here 了解各种浏览器支持的视频标签和格式。

【讨论】：

【解决方案2】：

仅供参考 - 昨天刚刚上线的 Firefox 版本现在支持 h.264，因此对于任何更新版本的 Firefox 来说，这应该不再是问题。

【讨论】：