2017-01-03 68 views
1

我一直在使用这种音频,将整体外观最小化为只需点击一下即可播放音频的小动画组。然而;谷歌浏览器中的变化不再允许它像以前一样工作。 我比这更积极,这不是我,因为我已经用多台计算机测试过这个结果。 音频播放器在技术上仍然“存在”,因为您可以右键单击它并在其中打开音频链接。但不是来自代码本身。谷歌浏览器是否改变了音频的工作方式?音频代码不再起作用

这是我使用的是什么:

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

有任何解决方法这样做呢?或者更好的是,稍微改变一下以保持它与我已有的代码相似;页面右下方的小蓝条。这让我疯狂,我不知道这一点

回答

0

我不明白你需要什么,但我改变风格,使其出现左上角,它显示正常;你将需要一个JavaScript来使文件在播放背景图片时可播放 enter image description here