我在我的HTML文档中有以下代码:
<script>
function playSound() {
document.getElementById("easteregg").innerHTML= "<embed src=\"file.mp3\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand"><img src="img/logo.png" width="180px" onclick="playSound();" /></a>
</div>
<span id="easteregg"></span>
当我点击标志时,没有任何反应。有什么想法吗?
编辑: 找到了解决方案。
我采用了Blake McConnell的建议,转换为<audio>
标签。
代码:
audio {
display:none;
}
<a class="navbar-brand"><img src="img/logo.png" width="180px" onclick="document.getElementById('easteregg').play();" /></a>
<audio id="easteregg" src="file.mp3" type="audio/mpeg" hidden="true" controls="false"></audio>