Auf Bild klicken Sie auf andere Seite umleiten und das Video abspielen

Question

Ich habe zwei Seiten Recipe.aspx und RecipeVideo.aspx, auf Rezept Seite Bilder werden auf jedem Bild angezeigt klicken Sie auf das entsprechende Video sollte auf RezeptVideo.aspx geöffnet werden.

habe ich versucht, diese aber es Leitet nur andere Seite

<asp:ImageButton ID="ImageButton1" ImageUrl="~/images/food-trending-meal-pops-L-qw162R.jpeg" runat="server" Height="94px" Width="141px" OnClick="ImageButton1_Click" /> 

protected void ImageButton1_Click(object sender, ImageClickEventArgs e) 
     { 
      Response.Redirect("~/RecipeVideo.aspx"); 
     } 

können Sie irgendein einer Idee geben, wie dies zu tun.

Answer 1

Eine mögliche Lösung könnte sein - Deklarieren Sie eine globale JavaScript-Variable wie diese

var videoSource= ''; 

ihn in einer externen js außerhalb alle Funktionen und vor allem die folgenden Funktionen Datei sein sollte. Dann lassen Sie Ihre Taste sein wie

<input type ="submit" id = "image-button" onclick ="ShowVideo('pass the src value of the corresponding video as the parameter')"/> 

dann die Show Video-Methode als

hinzufügen

function ShowVideo(source){ 
    videoSource = source; 
    window.location.assign('url of second page you want to load'); 
} 

dann auf der zweiten Seite, die Sie tun können, wie dies

<iframe style = "Display: None" id = "video" width="854" height="480" src="" frameborder="0" allowfullscreen></iframe> 

<script> 
window.onload = SetVideo(); 
</script> 

die Methode in der externen hinzufügen js Datei

function SetVideo(){ 
    document.getElementById('video').src = videoSource; 
}