Html5 音频标签在 iOS7 设备上不起作用

Question

我正在使用HTML5音频控制的应用程序。它非常好，在iPad和iPhone中使用ios6工作正常。升级到iOS7后，Seekbar不会出现。只有一个没有任何音量栏的播放按钮。是否有任何也面临类似问题的人。

<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

可能有一些默认的css-properties，在iOS7中已更改。这可能会导致"隐形控件"。

我在这里找到了一个类似的问题（ 答案）：github.com/senchalabs/jqtouch/issues/499

只是将 width和 display -attributes设置为适当的值，然后检查之后是否可见控件

Answer 3

我在iPhone上使用iOS 8，必须设置高度：100px;为了使箭头充分显示。iPhone上的iOS 8中必须是一些错误。该控件在iPad上显示良好，但在iPhone上仅显示1/2播放箭头的高度。我还注意到，进行更改后仅在页面上击中"刷新"。我不得不关闭页面，然后回到它以进行更改以影响。