媒体元素2.12.0
这种情况仅发生在 FF 和 Chrome 中(而不会发生在 IE 或 Opera 中)。导航到具有媒体元素播放器的网站内容后,甚至导航到媒体元素首页http://mediaelementjs.com/ http://mediaelementjs.com/有一个玩家。
当浏览器缩放设置为“正常”(通常按 Ctrl+0)时,看起来不错。
当缩放增加时(通过按 Ctrl 或 Ctrl 滚动鼠标滚轮),音量控件将放置在整个元素的下方。
上面的屏幕截图是在比正常放大一级的情况下制作的。
有没有一种方法可以让它在所有浏览器缩放中看起来都很好?
看来孩子们div.mejs-controls缩放页面时溢出,但这不是 CSS 的情况。的大小div.mejs-时间轨道由Javascript动态生成。 (https://github.com/johndyer/mediaelement/blob/master/src/js/mep-player.js#L845 https://github.com/johndyer/mediaelement/blob/master/src/js/mep-player.js#L845)
我找到了一个可以简单解决问题的技巧,即将 div.mejs-time-rail 的宽度减小 1px。
所以我在这里得到了一个快速解决方案。在 mep-player.js 中,第 845 行(https://github.com/johndyer/mediaelement/blob/master/src/js/mep-player.js#L845 https://github.com/johndyer/mediaelement/blob/master/src/js/mep-player.js#L845),修改如下
total.width(railWidth - (total.outerWidth(true) - total.width()));
to
total.width(railWidth - (total.outerWidth(true) - total.width()) - 1);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)