鍍金池/ 問答/HTML5  HTML/ 一個頁面中有多個音頻audio標(biāo)簽，怎樣在點擊其中一個播放時，其他的停止播放

一個頁面中有多個音頻audio標(biāo)簽，怎樣在點擊其中一個播放時，其他的停止播放

代碼：
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=eage,chrome=1"/>
    <meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <title></title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="stylesheet" type="text/css" href="m_css/common.css"/>
    <link rel="stylesheet" type="text/css" href="m_css/style.css"/>
    <link rel="stylesheet" type="text/css" href="m_css/mend.css"/>
    <script src="m_js/jquery-1.11.1.min.js"></script>
</head>
<body>
     <audio src="m_video/bgm.mp3" controls></audio>
     <audio src="m_video/bgm.mp3" controls></audio>
     <audio src="m_video/bgm.mp3" controls></audio>
     <audio src="m_video/bgm.mp3" controls></audio>
</body>
<script type="text/javascript">
    
</script>

</html>
請問js代碼應(yīng)該怎樣寫??？

回答
編輯回答
晚風(fēng)眠
// 獲取所有audios
var audios = document.getElementsByTagName("audio");
// 暫停函數(shù)
function pauseAll() {
    var self = this;
    [].forEach.call(audios, function (i) {
        // 將audios中其他的audio全部暫停
        i !== self && i.pause();
    })
}
// 給play事件綁定暫停函數(shù)
[].forEach.call(audios, function (i) {
    i.addEventListener("play", pauseAll.bind(i));
})
2017年4月29日 05:19