我是JPLayer和JQuery的新手。我在页面上定义了3个JPlayers,其中2个正在对标题和URL进行硬编码,并且它们工作正常。
但是,我正在尝试通过后面的代码动态设置第3个播放器的标题和视频URL。
我在页面上有2个标签:
<div>
<asp:Label runat="server" ID="lblVidPlayer3Title"></asp:Label>
<asp:Label runat="server" ID="lblVidPlayer3M4V"></asp:Label>
</div>
,然后使用以下代码在代码中设置这些值(目前在页面加载事件中):
lblVidPlayer3Title.Text = "My Title"
lblVidPlayer3M4V.Text = "http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"
,然后在页面上使用以下值设置值:
$("#jquery_jplayer_3").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
title: "<%#Eval("lblVidPlayer3Title")%>",
m4v: "<%#Eval("lblVidPlayer3M4V")%>"
});
},
cssSelectorAncestor: "#jp_container_3",
swfPath: "/js",
supplied: "m4v",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true,
remainingDuration: true,
toggleDuration: true
});
JPlayer出现了,但没有标题,只有空白的“黑色”视频区域。