画像をクリックすると他のページにリダイレクトされ、ビデオが再生されます

Question

私は2つのページRecipe.aspxとRecipeVideo.aspxを持っており、それぞれの画像にはレシピページの画像が表示されます。関連ビデオはRecipeVideo.aspxで開く必要があります。

いずれかがこれを行うにはどのようにアイデアを与えることができますしてください私はこれを試してみましたが、それは唯一の他のページへ

<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"); 
     } 

をリダイレクトします。

Answer 1

可能な解決策が考えられ - それはすべての関数の外に、すべての以下の機能上のjs外部ファイルにする必要があります。この

var videoSource= ''; 

のようなグローバルjavascriptの変数を宣言します。次に、あなたのボタンが

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

ようになりましょうそして、2ページ目に、その後

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

としてショーのビデオ方式を追加し、この

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

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

は、外部のメソッドを追加しますように、あなたが行うことができますjsファイル

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