lovecoding
/
W250913


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- audio 音频标签 -->
    <!-- <audio src="./media/song.mp3" controls></audio>
      -->
    <audio id="mp3" src="./media/song.mp3" autoplay></audio>
    <!-- <audio autoplay>
        <source src="./media/song.mp3">
    </audio> -->
    <button id="play-btn">播放</button>
    <button id="paused-btn">暂停</button>

    <video src="./media/media.mp4" controls></video>
    <script>
        var playBtn = document.getElementById("play-btn");
        var pausedBtn = document.getElementById("paused-btn");
        var oMp3 = document.getElementById("mp3");

        playBtn.onclick = function(){
            oMp3.play();
        }
        pausedBtn.onclick = function(){
            oMp3.pause();
        }
    </script>
</body>
</html>