asp.net 视频播放

浏览数：49 / 时间：2015年06月09日

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

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src com log html 文件 http class style 代码 src com log html 文件 http

相关文章

随机文章

您可能还喜欢

您可能还喜欢