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中更改过。 这可能导致“隐形控制”。

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

只需将width和display - 属性设置为合适的值，然后检查控件是否可见

Answer 3

我在iphone上使用ios 8并且必须设置高度：100px;使游戏箭头完全显示。必须是iphone上的iOS 8中的一些错误。控制在iPad上显示正常，但在iPhone上只显示了播放箭头高度的1/2。我还注意到，只需点击“刷新”即可。在进行更改后页面上不可靠。我不得不关闭页面并返回它以使更改生效。