每當新頁面通過AJAX加載時，HTML5音頻元素都會自動加載本身

我正在使用ajax動態加載頁面的WP模板。客戶希望音頻文件在用戶訪問該網站時自動開始播放。每當新頁面通過AJAX加載時，HTML5音頻元素都會自動加載本身

因爲頁面是動態加載的音頻播放，通過不間斷地很好。問題是當一個頁面被加載時，音頻元素會重新加載並開始播放。

想知道是否有人已經遇到此之前或許能提供一些深入瞭解如何有音頻文件加載一次，並繼續扮演網頁動態加載，但只有一次。

任何幫助一如既往，非常感謝！

這裏是我的標記：

<audio id="player" preload="metadata" autoplay="true" src="<?php bloginfo('stylesheet_directory') ?>/audio/Chillout-Deep.mp3" loop="true"> 
</audio> 
<div id="audio-controls"> 
    <button onclick="document.getElementById('player').muted=!document.getElementById('player').muted"><i class="fa fa-volume-up"></i></button> 
</div> <!-- #audio-controls -->

來源

2017-02-27 Eric Brockman

把你的音頻動態範圍之外。注意按鈕類型和href，如果你使用它們來加載。

<body> 
<div class="audio"></div> 
<div class="dynamic"> 
</div> 
<button type="button">dynamic-load</button> 
</body>

來源

2017-02-27 01:56:04

謝謝約翰，音頻是在身體標記之後添加的第一件事。它使用'autoplay =「true」'音頻標籤屬性加載。 –

每當新頁面通過AJAX加載時，HTML5音頻元素都會自動加載本身

回答

相關問題