谷歌浏览器是否改变了音频的工作方式？音频代码不再工作答案

【问题标题】：Did Google Chrome change how audio works? Audio code no longer working谷歌浏览器是否改变了音频的工作方式？音频代码不再工作
【发布时间】：2017-05-17 01:14:58
【问题描述】：

我一直在使用这种音频，它将整体外观最小化为一小部分动画条，您只需单击它即可播放音频。然而;谷歌浏览器的变化不再允许它像以前那样工作。我非常肯定这不是我，因为我已经用多台计算机对此进行了测试，结果相同。音频播放器在技术上仍然“存在”，因为您只需右键单击它并在那里打开音频链接。但不是来自代码本身。

这是我正在使用的：

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

有什么解决方法吗？或者更好的是，稍加改动以使其与我已有的代码相似；页面右下角的蓝色小条。这让我发疯，我无法弄清楚这一点

【问题讨论】：

标签： html css google-chrome audio

【解决方案1】：

我不明白您需要什么，但我更改了样式以使其显示在左上角并且正常显示；当您按下背景图像时，您将需要一个 javascript 来使文件可播放

【讨论】：