zoukankan      html  css  js  c++  java
  • Js控制HTML5 Audio 音乐播放和关闭

    参考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>
  • 相关阅读:
    bzoj1648
    bzoj3404
    bzoj1650
    bzoj1625
    bzoj1606
    bzoj1464
    bzoj1572
    bzoj1617
    bzoj1092
    bzoj1091
  • 原文地址:https://www.cnblogs.com/zhangmingzhao/p/7531598.html
Copyright © 2011-2022 走看看