每当新页面通过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音频元素都会自动加载本身

回答

相关问题