Js控制HTML5 Audio 音樂播放和關閉

本文轉載自查看原文 2017-09-16 16:05 9845 b) HTML&HTML5/ b) JavaScript

參考W3C詳細文檔：http://www.w3school.com.cn/jsref/dom_obj_audio.asp

pause()方法只是暫停，這里重新load之后，再次play，音樂可重頭播放

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>test</title>
    <script language="javascript" type="text/javascript">
        function autoPlay() {
            var myAuto = document.getElementById('myaudio');
            myAuto.play();
        }
        function closePlay() {
            var myAuto = document.getElementById('myaudio');
            myAuto.pause();
            myAuto.load();
        }
    </script>
</head>

<body>
    <audio src="111.mp3" id="myaudio" controls="controls" loop="false" hidden="true">

    </audio>
    <input type="button" onclick="autoPlay()" value="播放" />
    <input type="button" onclick="closePlay()" value="關閉" />

</body>

</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 html5 js控制音樂播放 html5 js控制音樂播放 html5 audio js控制暫停播放停止 html - html5 audio 音樂自動播放，循環播放等

HTML5使用JavaScript控制＜audio>音頻的播放 audio.js – 隨時隨地，播放 HTML5 的聲音 HTML5音樂、視頻等新媒體播放標簽video、audio、embed與object介紹以及使用方式 HTML5的audio實現音樂的播放，暫停，音量淡入淡出 html5 audio音頻播放全解析