Question

我正在开发一个使用ajax动态加载页面的WP模板。客户希望音频文件在用户访问网站时自动开始播放。

由于页面是动态加载的，因此音频播放时不会中断。问题是当加载页面时，音频元素会重新加载并开始播放。

想知道是否有人之前遇到过此问题，并且可能能够提供一些有关如何加载音频文件并在页面动态加载时继续播放的信息，但只能提供一次。

任何帮助一如既往地非常感谢！

这是我的标记：

<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 -->

Answer 1

将您的音频放在动态区域之外。注意按钮类型和href，如果你使用它们加载。

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

每次通过AJAX加载新页面时，HTML5音频元素都会加载自身

1 个答案: