Question

我有两个页面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

可能的解决办法是 - 声明一个像这样的全局javascript变量

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

它应该位于所有函数之外的外部js文件中，并且位于以下所有函数之上。然后让你的按钮像

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

然后将show video方法添加为

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

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

然后在第二页，你可以这样做

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

在外部js文件中添加方法

tolist()

在图像上单击重定向到其他页面并播放视频

1 个答案: