HTML5音頻標簽在iOS7設備上不起作用

Question

我正在使用html5音頻控件的應用程序上工作。 這非常好，並且可以在帶有iOS6的iPad和iPhone中正常工作。 升級到iOS7后，搜索欄不會顯示。 只有一個播放按鈕，沒有任何音量條。 是否有人也面臨類似的問題。

<audio src='mymp3file.mp3' controls></audio>

Answer 1

此代碼也適用於iOS7：

<style>
audio { width: 500px; display: block; margin:20px; }
</style>

<audio src='mymp3file.mp3' controls></audio>

Answer 2

可能有一些default-css-properties，在iOS7中已更改。 這可能導致“隱形控件”。

我在這里找到了類似的問題（+ answer）：github.com/senchalabs/jQTouch/issues/499

只需設置width並display屬性即可得出適當的值，然后檢查控件是否可見

Answer 3

我在iPhone上使用的是ios 8，必須設置height：100px; 使播放箭頭充分顯示。 必須是iPhone 8上的iOS 8中的一些錯誤。 控件在iPad上顯示正常，但在iPhone上僅顯示播放箭頭高度的1/2。 我還注意到，進行更改后僅點擊頁面上的“刷新”是不可靠的。 為了使更改生效，我不得不關閉頁面並返回到頁面。