html - Google Chrome浏览器是否改变了音频的工作方式？音频代码不再起作用

Question

我一直在使用这种音频，它使整体外观最小化，只是一小段动画条，您只需单击一下即可播放音频。然而; Google Chrome中的更改不再允许它像以前那样工作。
我非常肯定这不是我，因为我已经用多台计算机测试了这个结果。
音频播放器在技术上仍然是“那里”，因为您可以右键单击它并在此处打开音频链接。但不是来自代码本身。

这就是我正在使用的:

<style type="text/css">

#musiclocation{

 position: fixed;
 bottom: 0;
 right: 0;
 margin: 0 auto;
 width: 3.4em;
}

#musicgif {
background-image: url('http://puu.sh/qRJSu/873880d3c5.gif');
}

audio{
opacity: 0;
width: 2.8em;
}
</style>



<div id="musiclocation">
<div id="musicgif">
<audio controls type="audio/mp3" src="http://puu.sh/qRJ4f/abeebed630.mp3"></audio>
</div> 
</div> 

有什么解决方法吗？或者更好的是，进行一些小的更改以使其与我已有的代码相似；页面右下方的蓝色小条。我无法解决这个问题使我发疯

Answer 1

我不明白您需要什么，但是我更改了样式以使其显示在左上角并且正常显示。您需要使用JavaScript才能在按背景图片时使文件可播放