第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JavaScript 不會阻止音頻播放器的默認功能

JavaScript 不會阻止音頻播放器的默認功能

泛舟湖上清波郎朗 2022-01-07 19:21:21
所以我一直在關(guān)注這個視頻,對于我的生活,我無法弄清楚為什么我的代碼會使用我的音頻文件執(zhí)行默認的新頁面,而不是阻止默認設(shè)置。一旦我弄清楚了那部分,當(dāng)我的歌曲結(jié)束時,我應(yīng)該能夠在我的代碼底部測試事件監(jiān)聽器。JavaScriptaudioPlayer();function audioPlayer() {    var currentSong = 0;    $("#audioPlayer")[0].src = $("#playlist li a")[0];    $("#playlist li a").click(function(e){        e.preventDefault();        $("#audioPlayer")[0].src = this;        $("#audioPlayer")[0].play();        $("#playlist li").removeClass("current-song");        currentSong = $(this).parent().index();        $(this).parent.addClass("current-song");    });    $("#audioPlayer")[0].addEventListener("ended", function(){        alert("hi");        });}HTML<section>        <script>            audioPlayer();        </script>        <audio src="" id="audioPlayer" controls>            Sorry, your browser does not support HTML5 audio player!        </audio>        <ul id="playlist">            <li class="current-song"><a href="All_American_Reject_Move_Along.mp3">Move Along</a></li>            <li><a href="Far_From_Home.m4a">Far From Home</a></li>        </ul>    </section>
查看完整描述

1 回答

?
臨摹微笑

TA貢獻1982條經(jīng)驗 獲得超2個贊

確保在頁面加載后執(zhí)行 $("#playlist li a").click()。


    function initAudioPlayer() {

        var currentSong = 0;

        $("#audioPlayer")[0].src = $("#playlist li a")[0];

        $("#playlist li a").click(function(e){

            e.preventDefault();

            $("#audioPlayer")[0].src = this;

            $("#audioPlayer")[0].play();

            $("#playlist li").removeClass("current-song");

            currentSong = $(this).parent().index();

            $(this).parent.addClass("current-song");

        });


        $("#audioPlayer")[0].addEventListener("ended", function(){

            alert("hi");    

        });

    }


$(document).ready(function() {

   initAudioPlayer();

})


查看完整回答
反對 回復(fù) 2022-01-07
  • 1 回答
  • 0 關(guān)注
  • 163 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號