音頻標籤GUI不可見

我已經包含一個頁面上的音頻標籤作爲音頻標籤GUI不可見

<audio src='a.mp3' preload='auto'> 
</audio>

，但其沒有工作，我不能看到頁面上的任何東西。

但是，當我包括audiojs作爲

<script src="/static/js/audiojs/audio.min.js"></script> 
    <script> 
    audiojs.events.ready(function() { 
     var as = audiojs.createAll(); 
    }); 

    </script>

我在想爲什麼會這樣呢？

來源

2012-08-15 Bunny Rabbit

我想你需要添加屬性'controls'才能看到 – Onheiron 2012-08-15 11:20:15

頭上！控件是我錯過的感謝:) – 2012-08-15 11:25:55

從我所學到的，src是音頻中的一個元素，而不是屬性。所以，你的代碼應該是這樣的：

<audio controls="controls"> 
    <source src="song.ogg" type="audio/ogg" /> 
    <source src="song.mp3" type="audio/mpeg" /> 
    Your browser does not support the audio element. 
</audio>

(Source)

編輯： SRC也可以是一個屬性，所以這是不是你的問題。爲了使瀏覽器顯示任何東西的音頻，您需要「controls」屬性。但是，如果您不想使用默認控件，請使用JavaScript添加html按鈕並控制音頻的開始/停止等。

來源

2012-08-15 11:20:25 papercutexit

src屬性可以是音頻文件的URL或本地系統上文件的路徑。 [見參考]（https://developer.mozilla.org/en-US/docs/Using_HTML5_audio_and_video?redirectlocale=en-US&redirectslug=Using_audio_and_video_in_Firefox） – 2012-08-15 11:23:23

公平不夠，應該檢查參考。乾杯! – papercutexit 2012-08-15 11:27:13

還有一件事情不涉及w3schools的做法。嘗試共享[msdn]（http://msdn.microsoft.com/en-us/library/ie/hh828809（v = vs.85）.aspx）或[mdn]（https://developer.mozilla.org/en-US /？redirectlocale = en-US＆redirectslug = en）引用。謝謝！ – 2012-08-15 11:27:59

試試這個：

<audio src='a.mp3' controls preload='auto'> 
</audio>

來源

2012-08-15 11:21:49

這是你的CSS。

audio{ 
     min-width: 400px; 
     height: auto; 
     object-fit: inherit; 
    }

來源

2017-02-03 16:19:07

音頻標籤GUI不可見

回答

相關問題