在Div面板中嵌入视频代码?在Asp.net中?

在Div面板中嵌入视频代码?在Asp.net中?,asp.net,Asp.net,在Web应用程序中,我使用datalist控件将嵌入的视频动态绑定到。它们很好,但是当我们点击数据列表中的视频时,它们开始播放。我不想这样,我想在弹出窗口中播放特定的视频,并对该视频[包含嵌入视频的div]进行非操作。我想使该div启用false <asp:DataList ID="DtlstVideos" ToolTip="Click On Video Title" CellPadding="5" CellSpacing="5" runat="server" RepeatColumns=

在Web应用程序中,我使用datalist控件将嵌入的视频动态绑定到
。它们很好,但是当我们点击
数据列表中的视频时,它们开始播放。我不想这样,我想在弹出窗口中播放特定的视频,并对该视频[包含嵌入视频的div]进行非操作。我想使该div启用
false

<asp:DataList ID="DtlstVideos" ToolTip="Click On Video Title" CellPadding="5" CellSpacing="5" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"  OnItemCommandXSSCleaned="DtlstVideos_ItemCommand">
  <ItemStyle />
  <ItemTemplate>
    <div id="divVideos" runat="server"><%# Eval("photos") %></div>
    <asp:LinkButton ID="lnkVide" CommandName="Click" runat="server" Text='<%# Eval("videotitle") %>' ToolTip="Play" CommandArgument='<%# Eval("id") %>' Font-Bold="true" ForeColor="Blue"></asp:LinkButton>
  </ItemTemplate>
</asp:DataList>

这是当前代码,当用户单击
LinkButton
时,弹出窗口将启动,视频将播放,但当单击div时,视频仅在
datalist
中播放,是否有解决方案


我不确定我是否理解正确,但我希望这可能会有所帮助

如果您正在使用youtub,您将能够访问不同大小的movi预览图片

该图像可通过以下某种约定访问:

 http://img.youtube.com/vi/VIDEO_ID/#.jpg
请在此处查找详细信息:

所以我要做的是只显示数据列表中的图像(可能带有一些看起来像播放器的div覆盖)。。。然后单击将movi ID传递到弹出窗口,然后在该弹出窗口中嵌入并播放电影…div或新窗口,无论您想要什么


HTH

好吧,我不会像您使用的那样使用
,而是使用
ImageButton
,它将充当视频图像,就像单击时可以启动
命令,并在上面连接javascript事件一样,您可以在需要时启动弹出窗口

让我们想象一下,您可以将jQuery与以下内容结合使用:

<asp:DataList ID="DtlstVideos" ToolTip="Click On Video Title" CellPadding="5" CellSpacing="5" runat="server" RepeatColumns="5" RepeatDirection="Horizontal"  OnItemCommandXSSCleaned="DtlstVideos_ItemCommand">
  <ItemTemplate>
    <asp:ImageButton id="divVideos" CssClass="img-video" runat="server" CommandArgument="<%# Eval("id") %>" data-video-id="<%# Eval("id") %>" CommandName="Click" ImageUrl="<%# Eval("photos") %>" />
    <%# Eval("videotitle") %>
  </ItemTemplate>
</asp:DataList>

但是我决不会让它在这里触发
命令
事件,我会始终在
播放视频.aspx
页面中连接,因为那里也有视频
id
,您可以在该页面中执行所需操作,而无需在视频带上触发命令事件。

您尝试过这个吗?您的代码在哪里?什么类型的视频?youtube或其他。。。是的,这是youtube视频,亚里士多德先生。我正在放置我的代码我将放置图像按钮,并让您知道巴勒桑德雷先生谢谢您的回复。巴勒桑德雷这里的照片意味着不是图像它是视频嵌入它工作吗?最好的方法是不要在那里嵌入视频。。。只需显示一个视频帧图像,就像Youtube将视频设置为无法在Youtube域外显示一样。然后在
playVideo.aspx
页面中,您将嵌入它,并且只有当enbed代码更改时,您才可以修改此页面,此外,您还可以在那里执行视频播放跟踪器。如何,您可以清楚地告诉我,如何将嵌入的视频作为图像放置与此问题无关。你应该为此添加一个新问题,并接受其中任何一个答案,如果它们帮助你完成了任何事情。。。
$(function() {
  $(".img-video").on("click", function() {
    var url = 'playVideo.aspx?id=' + $(this).attr("data-video-id");
    window.open(url, "Video Player","menubar=0,resizable=0,width=650,height=450");
    return true; // let the image button fire the command argument
  });
});