在.net中更改HTML5视频标记中的src

时间:2011-06-02 13:52:07

标签: c# .net html5-video

我想知道是否有办法从代码隐藏中轻松更改HTML5视频标签中的src?

我现在的解决方案是使用不同的WebUserControl并在单击按钮时将它们放在PlaceHolder中,但这很快就会导致很多控制。

必须有更好的方法。

可能喜欢在src中放置一个标签,某种绑定

2 个答案:

答案 0 :(得分:3)

只要你添加一个runat =“server”,任何标签都可以在代码隐藏中添加属性,所以是的,有。

在.aspx页面中:

<video id="videoTag" runat="server" />

代码隐藏:

videoTag.Attributes["src"] = "bob";

或者,您可以编写自己的webcontrol。这涉及到更多的工作和对asp.net的理解,但是如果你要经常使用它,那将是值得的。

如果你正在使用ASP.Net MVC,他们已经在我理解的ASP.Net MVC 3中发布了对HTML5的支持。

答案 1 :(得分:2)

通过将其放在aspx页面中来解决它

<asp:PlaceHolder ID="VidModule" runat="server"></asp:PlaceHolder>

这在代码隐藏

    //Video relevant int's
int width {get; set;}
int height { get; set; }


//Video relevant text's
string overskrift { get; set; }
string poster { get; set; }
string titleimg { get; set; }
string ogv { get; set; }
string mp4 { get; set; }
string webm { get; set; }
string reso { get; set; }
string res { get; set; }


protected void Page_Load(object sender, EventArgs e)
{



}

//low 240i resolution player LowD
protected void low240i_Click(object sender, EventArgs e)
{
    height = 480;
    width = 640;
    reso = "240i";
    if (reso == "240i")
        res = "240i/";
    else if (reso == "240p")
        res = "240p/";
    else if (reso == "480p")
        res = "480p/";
    else if (reso == "720p")
        res = "720p/";

    int Data = Convert.ToInt32(Request.QueryString["id"]);
    VideoDataContext db = new VideoDataContext();

    var fetch = from list in db.VideoDBs
                where
                list.VidID == Data
                select list;

    foreach (var list in fetch)
    {
        overskrift = "\"" + list.Name + "\"";
        poster = "\"" + list.IMGAddr + "\"";
        titleimg = "\"" + list.IMGAddr + "\"";
        if (list.mp4 == true)
            mp4 = "\"" + "../Movies/Mov/" + res + list.VIDAddr + ".mp4" + "\"";
        else
            mp4 = null;
        if (list.ogv == true)
            ogv = "\"" + "../Movies/Mov/" + res + list.VIDAddr + ".ogv" + "\"";
        else
            ogv = null;
        if (list.webm == true)
            webm = "\"" + "../Movies/Mov/" + res + list.VIDAddr + ".webm" + "\"";
        else
            webm = null;
    }

    Panel1.Controls.Add(new LiteralControl("<div class=player ><br />"));
    Panel1.Controls.Add(new LiteralControl("<h3>" + overskrift + " in " + reso + "</h3><br /><br />"));
    Panel1.Controls.Add(new LiteralControl("<video controls=controls id=video width=" + "\"" + width + "\"" + " height=" + "\"" + height + "\"" + " poster=" + poster + " preload=auto >"));
    Panel1.Controls.Add(new LiteralControl("<source src=" + mp4 + " type=\"video/mp4; codecs=avc1.42E01E, mp4a.40.2\" title=" + titleimg + " />"));
    Panel1.Controls.Add(new LiteralControl("<source src=" + webm + " type=\"video/webm; codecs=vp8, vorbis\" title=" + titleimg + " />"));
    Panel1.Controls.Add(new LiteralControl("<source src=" + ogv + " type=\"video/ogg; codecs=theora, vorbis\" title=" + titleimg + " />"));
    Panel1.Controls.Add(new LiteralControl("Your browser does not support the video tag."));
    Panel1.Controls.Add(new LiteralControl("</video></div>"));
}