2

jquery を使用してモーダルに HTML5 プレーヤーを設定しようとしています。目標は、ウェブサイトに招待されたか、自分で登録したかに基づいて、2 つの mp3 のいずれかを再生することです。src パスを格納する隠しフィールドがあり、jquery 関数でその src に基づいてオーディオ ファイルをロードする必要があります。ページの読み込み時に、オーディオ ファイルがプレーヤーに読み込まれません。何が欠けているのかわからないので、助けていただければ幸いです。

HTML

<asp:HiddenField ID="hidModalMsg" runat="server" />

/*Unrelated code*/

<div class="audio" runat="server">
   <audio id="modalPlayer" onload="('#modalPlayer').src='';" controls="controls">
        <p>Your browser does not support the audio element.</p>
   </audio>
</div>

ヘッダーの Jquery

$(function () {
    var audPlayer = $('#modalPlayer');
    audPlayer.src = $('#<%= hidModalMsg.ClientID%>').val();
});
4

2 に答える 2

0

「要素がすでにビデオまたはオーディオ要素に挿入されている場合、ソース要素とその属性を動的に変更しても効果はありません。再生中のものを変更するには、メディア要素の src 属性を直接使用するか、load() を呼び出します。ソース要素を操作した後のメディア要素のメソッド。」ソース: http://www.w3.org/

src を編集した後に audPlayer.play() を試しましたか?

于 2013-08-19T18:05:01.730 に答える