asp.net后台设定audio.src然后播放无效,请帮忙!
做一个简单的手机页面,前台点击一个按钮后后台更换audio的src,之后点击前台的另外一个按钮播放。
最早是用的<embed>标签,前台两个<asp:button>,正常PC网页测试没有问题,可是到了手机UC下不能播放。
后来换了<audio>在前端<asp:button>换成了<input type="button" onclick="play()">这个却可以在手机UC下播放。
于是想从后台asp.net动态设定<audio>,但是不成功,请问该怎么修改。
前端:
<audio id="MediaPlayer1" src=""></audio>
<input type="button" onclick="play()" value="播放"/>
<div style="margin: 10px; "><!--这个手机网页点击-->
<asp:Button ID="Button1" runat="server" Text="adfasdfasdfasdfasd"
CssClass="btncss2" Width="60%" OnClientClick="play()"/><!--这个手机网页不成功-->
asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="False">
<asp:Button ID="lbl_content" runat="server" Text=""
CssClass="btncss2" Width="60%" onclick="btn_content_Click" /> <!--更改audio.src的-->
</ContentTemplate>
<Triggers>
<asp:PostBackTrigger ControlID="btn_next" />
<asp:PostBackTrigger ControlID="lbl_content" />
</Triggers>
</asp:UpdatePanel>
<script type="text/javascript">
function setaudio(var txt_audio_src) {
var audio = document.getElementById('MediaPlayer1');
audio.src=txt_audio_src;
audio.load();
alert(audio.src);
} </script>
<script language="javascript" type="text/javascript">
function play() {
var audio = document.getElementById('MediaPlayer1');
audio.play();
}
</script>
后端:
protected void btn_content_Click(object sender, EventArgs e)
{
ScriptManager.RegisterClientScriptBlock(lbl_content, this.GetType(), "", "<script>setaudio('http://www.exam.com/12345.mp3');</script>", false);
}