Html5音频标签不适用于iOS7设备

问题描述：

我正在使用我们使用html5音频控件的应用程序。这是相当不错的，并在iPad和iPhone iOS6上运行良好。升级到iOS7后，seekbar不显示。只有一个没有任何音量栏的播放按钮。有没有人也面临类似的问题？Html5音频标签不适用于iOS7设备

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

是否有可能，你有CSS属性，是“隐藏”你的控件？我在这里找到了一个类似的问题，回答如下：https：//github.com/senchalabs/jQTouch/issues/499 – maja

是的，在给出音频类'audio {width：300px;显示：块;保证金：20像素; }'玩家加载控件。非常感谢！！！ –

我发布了它作为答案 – maja

答

此代码为iOS7也：

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

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

谢谢，它真的工作。 – Dzmitry

答

这是可能的，有一些默认的CSS属性，已在iOS7被改变。这可能导致“隐形控制”。

我发现了一个类似的问题（+答案）位置：github.com/senchalabs/jQTouch/issues/499

只需设定width和display -attributes到appropiate值，并检查控件可见后

答

我在我的iphone上使用ios 8，必须设置高度：100px;让播放箭头完全显示。必须是iPhone上的iOS 8中的一些错误。该控件在iPad上显示效果良好，但iPhone上只显示了播放箭头的1/2高度。我还注意到，进行更改后在页面上点击“刷新”并不可靠。我不得不关闭这个页面并回过头来让这个改变发挥作用。

Html5音频标签不适用于iOS7设备

相关推荐