C#点击图片打开YouTube视频

本文关键字：YouTube 视频 | 更新日期: 2023-09-27 18:24:18

我有一个这样的ImageButton：

    <asp:ImageButton  runat="server" width="640" height="360" ID="imgButton" OnClick="ImageClick" />

当我点击它时，我会进行一些验证。如果一切正常，我想做的是用Youtube视频：

   <iframe width="560" height="315" src="//www.youtube.com/embed/ZtcptQruWDg" frameborder="0" allowfullscreen></iframe>

想知道最好的方法是什么。

C#点击图片打开YouTube视频

使用纯javascript/jQuery解决方案：

从ImageButton渲染的Html

<input type="image" src="http://dummy-images.com/abstract/dummy-107x160-DesiccationCracks.jpg" title="Click to disable this rule" id="imgButton" name="imgButton">

JavaScript

$(function(){
    $('#imgButton').click(function() {
        $(this).replaceWith(' <iframe width="560" height="315" src="//www.youtube.com/embed/ZtcptQruWDg" frameborder="0" allowfullscreen></iframe>');
    })
});

jsFiddle

从您现有的代码来看，您似乎对服务器端代码感兴趣，我建议将该按钮放入ASP面板中，然后单击按钮使用以下代码，假设面板id为"p"

 p.Controls.Add(new LiteralControl("<iframe width='560'  height='315' src='//www.youtube.com/embed/ZtcptQruWDg' frameborder='0' allowfullscreen></iframe>"));
相关文章：