在本章中,我们将介绍如何在您的网页上显示视频.在ASP.NET中,您可以轻松播放Flash(* .swf),Media Player(* .wmv)和Silverlight(* .xap)视频.
有时您可能需要在自己的网站上显示视频.
您可以通过链接到已经存在的网站来显示视频有视频,如YouTube,Dailymotion等.
要将这些网站中的视频直接嵌入到您自己的网页中,您需要从中获取HTML标记该网站然后将其复制到您的页面.
让我们来看一个简单的例子,我们将在其中嵌入来自YouTube的视频.首先,我们需要创建一个新的CSHTML文件.
在名称字段中输入 EmbededVideo.cshtml ,然后单击确定.
<!DOCTYPE html> <html lang = "en"> <head> <meta charset = "utf-8" /> <title>Embedded Video Example</title> </head> <body> <h1>Embedded Video Example</h1> <p>The following video provides an introduction to WebMatrix:</p> <iframe width = "560" height = "315" src = "http://www.youtube.com/embed/fxCEcPxUbYA" frameborder ="0" allowfullscreen>\ </iframe> </body> </html>
让我们运行应用程序并指定以下url : http://localhost:36905/embededvideo 然后你会看到以下输出.
您现在可以直接播放视频.
如果您想播放自己网站上提供的视频.您可以使用视频助手播放您网站上的视频,该助手会直接在页面中呈现媒体播放器.
As你知道视频文件的格式很多,每种格式通常都需要不同的播放器和配置播放器的不同方式.
在ASP中在.NET Razor页面中,您可以使用视频助手在网页中播放视频.
视频助手简化了在网页中嵌入视频的过程因为它会自动生成对象并嵌入通常用于向页面添加视频的HTML元素.
视频助手支持以下内容媒体播放器 :
Adobe Flash
Windows MediaPlayer
Microsoft Silverlight
使用Windows显示视频媒体播放器
让我们来看一个简单的例子使用Windows Media Player在我们的网页上播放视频.首先,我们将创建一个新的CSHTML文件.
在名称字段中输入MediaPlayer.cshtml,然后单击确定.
现在让我们在您的网站中创建一个新文件夹,并将其命名为 Media ,然后添加您要在网页上播放的视频文件,如以下屏幕截图所示.
现在替换FlashPlayer.cshtml文件中的以下代码.
<!DOCTYPE html> <html> <head> <title>Flash Video</title> </head> <body> @Video.Flash(path: "Media/Intro_WebMatrix.swf", width: "400", height: "600", play: true, loop: true, menu: false, bgColor: "red", quality: "medium", scale: "exactfit", windowMode: "transparent") </body> </html>
运行此应用程序并指定以下url : http://localhost:36905/MediaPlayer 然后您将看到以下错误.
这是因为我们还没有安装Web帮助程序.为此,让我们从WebMatrix打开NuGet.
搜索 ASP.NET Web Helpers Library ,然后单击"安装".安装成功完成后,您可以通过指定相同的URL再次运行应用程序,您将看到它将使用Windows Media Player播放视频.
同样,你也可以使用 Silverlight播放器和 Flash播放器在您的网页上显示视频.