C# Нажмите на изображение открывает YouTube Video

Question

У меня есть 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> 

Хотите знать, что лучший способ сделать это будет.

Answer 1

Использование чистого JavaScript/JQuery решение:

Html, что оказывается от ImageButton

<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

Answer 2

Из кода у вас есть, вы, кажется, заинтересованы в стороне сервера кода, и я хотел бы предложить, но эта кнопка в панели ASP и на кнопку мыши использования следующего кода, предполагая, что идентификатор панели является «P»

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