iPhone HTML5 本机 <audio> 控件未正确呈现答案

【问题标题】：iPhone HTML5 native <audio> control not rendering correctlyiPhone HTML5 本机 <audio> 控件未正确呈现
【发布时间】：2010-09-02 17:05:20
【问题描述】：

本机音频控件无法在 iPhone 或 iPhone 模拟器上正确呈现。

转到http://www.anmldr.com/audio，看看我看到了什么。

原生音频控件会覆盖前面的段落，阴影稍微覆盖后面的段落。即使我把它放在一个包含的 div 中并且有一个 margin-top 和一个 margin-bottom，这似乎也不起作用。

原生音频控件的宽度显然太小了，因为所有的图标和计数器等都挤在一起并相互重叠。控件会持续显示“正在加载”，直到您真正开始播放它。然后数字出现了，但它们是相互叠加的。

有没有办法设置原生音频控件的样式？宽度？保证金？

琳达

【问题讨论】：

【解决方案1】：

回答我自己的问题...

我发现 CSS 属性选择器可以让我设置原生 HTML5 音频控件的样式。

[controls] {
width:100%;
margin-top:1.25em;
margin-bottom:1.25em;
}

这样就解决了图标等重叠的问题。它仍然无法解决“正在加载”消息。

琳达

【讨论】：