建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网站开发 > asp.net教程 >

如何在ASP.NET4中构造HTML5视频控件(3)

时间:2011-03-15 10:26来源: 作者: 点击:
我们要来修改上面的代码,修改后的代码如下: using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; using System.Text; using System.Web; using System.Web.UI; us

     

我们要来修改上面的代码,修改后的代码如下:

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.ComponentModel;  
  4. using System.Linq;  
  5. using System.Text;  
  6. using System.Web;  
  7. using System.Web.UI;  
  8. using System.Web.UI.WebControls;  
  9.  
  10. namespace CustomControls  
  11. {  
  12.         [ToolboxData("<{0}:VideoPlayer runat=server></{0}:VideoPlayer>")]  
  13.     public class VideoPlayer : WebControl  
  14.     {  
  15.  
  16.     }  

 

注意的是,默认的代码中,为控件生成了Text属性,然而这里并不需要,因此我们把

[DefaultProperty("Text")]

这行删除掉。

步骤4 继续为控件增加属性

根据之前的介绍,我们开始为控件增加一些属性,要增加的属性如下:

VideoUrl:指定视频播放的地址。

PosterUrl: 这个是当没有视频时,显示的替代图片的地址。

AutoPlay:指示视频是否自动装载播放。

DisplayControlButtons: 指示是否显示或者隐藏播放的相关按钮。

Loop: 指示视频是否自动播放。

增加属性后的代码如下:

  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.ComponentModel;  
  4. using System.Linq;  
  5. using System.Text;  
  6. using System.Web;  
  7. using System.Web.UI;  
  8. using System.Web.UI.WebControls;  
  9. namespace CustomControls  
  10. {  
  11.     [ToolboxData("<{0}:VideoPlayer runat=server></{0}:VideoPlayer>")]  
  12.     public class VideoPlayer : WebControl  
  13.     {  
  14.         private string _Mp4Url;  
  15.         public string Mp4Url  
  16.         {  
  17.             get { return _Mp4Url; }  
  18.             set { _Mp4Url = value; }  
  19.         }  
  20.  
  21.         private string _OggUrl = null;  
  22.         public string OggUrl  
  23.         {  
  24.             get { return _OggUrl; }  
  25.             set { _OggUrl = value; }  
  26.         }  
  27.  
  28.         private string _Poster = null;  
  29.         public string PosterUrl  
  30.         {  
  31.             get { return _Poster; }  
  32.             set { _Poster = value; }  
  33.         }  
  34.  
  35.         private bool _AutoPlay = false;  
  36.         public bool AutoPlay  
  37.         {  
  38.             get { return _AutoPlay; }  
  39.             set { _AutoPlay = value; }  
  40.         }  
  41.  
  42.         private bool _Controls = true;  
  43.         public bool DisplayControlButtons  
  44.         {  
  45.             get { return _Controls; }  
  46.             set { _Controls = value; }  
  47.         }  
  48.  
  49.         private bool _Loop = false;  
  50.         public bool Loop  
  51.         {  
  52.             get { return _Loop; }  
  53.             set { _Loop = value; }  
  54.         }  
  55.     }  

步骤5 修改RenderContents方法

服务端控件的主要目的就是向浏览器输出内容。因此,作为开发者,我们就必须设定好我们的控件要向客户端浏览器输出什么样的内容。因此,我们可以重写RenderContents方法即可,如下代码:

  1. protected override void RenderContents(HtmlTextWriter output)  
  2. {  

 

(责任编辑:admin)

织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片