MediaElement.js 音频播放器音量控制在 Chrome 中未对齐答案

【问题标题】：MediaElement.js audio player volume control misaligned in ChromeMediaElement.js 音频播放器音量控制在 Chrome 中未对齐
【发布时间】：2013-01-20 22:28:14
【问题描述】：

我将 MediaElement.js WordPress 插件用于一个简单的音频播放器。在 Chrome 中，音量控制显示在播放器下方，从右侧缩进。音量控制在 Safari 和 Firefox 中的位置正确（我还没有机会在 IE 中测试它）。

这里是出现问题的页面之一的链接：http://www.coffeecrossroads.com/coffee-and-the-arts/music/bob-dylan-one-more-cup-of-coffee/

我希望这可以通过 CSS 轻松解决，但我还没有弄清楚如何解决。有任何想法吗？谢谢。

【问题讨论】：

它对我来说显示正确。 Windows 7 64 位上的 Chrome 版本 24.0.1312.57 m。
没看到，兄弟：i.imgur.com/OWzJzri.png
谢谢，迈克尔和约瑟夫。显然它只是 Chrome for Mac 上的一个问题。 Chrome Mac Screenshot 也很奇怪，因为那是我用来开发网站的浏览器，直到几个小时前它看起来都很完美。也没有我能够隔离的冲突。
快速更新：不再出现此问题。但我不知道为什么。我玩弄了音频播放器的 CSS，但没有任何效果。所以我暂时搁置了它。几个小时后我回来看它时，它看起来很好。保持手指交叉......
这个问题现在又出现了，突然就消失了。同样，它仅在 Mac 上的 Chrome 中（据我所知——我还没有测试每个浏览器）。见www.coffeecrossroads.com。

标签： css google-chrome wordpress mediaelement.js

【解决方案1】：

我也遇到过同样的问题。看来池周的回答（https://stackoverflow.com/a/17583839/4327972）终于用上了。如果您至少将 mediaElement 更新到 31/08/2014 (2.15.1) 的版本。你应该没事！ https://github.com/johndyer/mediaelement/issues/483 （发布此内容是因为我看到它尚未在您的网站上修复）

【讨论】：

【解决方案2】：

我在 Mac 上使用 mediaelement 和 Chrome 时遇到了同样的问题。在仔细检查了我所有的 CSS 以找到问题后，我发现我的文本大小减小了，这导致它崩溃。我使用 CMD-0 将文本大小调整为默认值，然后将所有内容重新对齐。

【讨论】：

我不认为这是我的问题的原因。我已经调整了几次文本的大小，并没有影响问题。但我说“曾经”是因为，就像第一次发生这种情况一样，它只是在一段时间后“自行修复”。现在很好，但我仍然想知道为什么会这样。