2017-01-03 67 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