首页 > 代码库 > asp.net 视频播放

asp.net 视频播放

1、首先下载相应的js、css文件。地址在这里http://pan.baidu.com/s/1gdu19Eb。

2、将下载下来的rar文件解压缩。并且引用到你要播放视频的网页中(将此页面命名为webform1.aspx)。如下图。

技术分享

3、新建一张html(将此页面命名为video.html)页面,里面仅含有一个video标签。

<video id="{{id}}" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"      poster=""      data-setup="{}">    <source  src="{{src}}" type="video/mp4" />    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 --></video>

4、回到webform1.aspx页面,在page_load方法中插入如下代码。

        protected void Page_Load(object sender, EventArgs e)        {            zygzsDataClassesDataContext context = new zygzsDataClassesDataContext();            var res = context.T_Video.First().path;            string src = http://www.mamicode.com/"VideoFolder/" + Path.GetFileName(res);            string text = File.ReadAllText(Server.MapPath("~/templates/video.html"));            string html = text.Replace("{{id}}", "example_video_1").Replace("{{src}}", "VideoFolder/movie.mp4");            videodiv.InnerHtml = html;        }

 以上代码理解为webform1的page_load方法中,获取视频在数据库的路径,并且赋值给string src。然后读取video.html中的内容,然后将video.html中的“id”替换成“example_video_1"(必须是替换成该id,与引用的css,js相关),“src”属性替换成src(视频路径)。videodiv.InnerHtml属性设置成为经过替换得到string html。

6、最后webform1添加一个id为“videodiv”的div。并将此div设置成runat=“server”。

<body>    <form id="form1" runat="server">        <div id="videodiv" runat="server"></div>    </form></body>

 

asp.net 视频播放