Удалить максимальную ширину на аудиоплеере в Chrome

Я бы хотел, чтобы аудиоплеер HTML5 по умолчанию соответствовал ширине его родительского контейнера. Я установил его отображение «block» и width to «100%». Тем не менее, похоже, Chrome начинает добавлять отступы на левой и правой сторон после превосходящие определенного размера окна:Удалить максимальную ширину на аудиоплеере в Chrome

Chrome

Firefox ведет себя, как я хотел бы, чтобы, с краями игрока, достигающего именно к краю родительского DIV:

Firefox

Как я могу удалить это дополнительные прокладки в Chrome ??

EDIT :: Как было отмечено в комментариях, похоже, что он на самом деле не более ширины (не обивка) ...

Спасибо!

источник

2014-10-06 Jonathan Cakes

Можете ли вы предоставить скрипку? – dippas

Просто использовать звуковой тег внутри тела достаточно ... вот скрипка ... проблема в том, что окно скрипки меньше обычного, поэтому вам нужно сделать окно браузера действительно большим, чтобы увидеть ... http: // jsfiddle. net/3qLbdrka/ –

проверить эту скрипку http://jsfiddle.net/3qLbdrka/3/, что я выяснил, если у вас есть контейнер размером более 800 пикселей, звуковой тег перестанет расти по ширине – dippas

Существует в теневом DOM max-width: 800px: enter image description here

Вы можете использовать ::-webkit-media-controls-enclosure для переопределения:

audio::-webkit-media-controls-enclosure { 
    max-width: 100%; /*or inherit*/ 
}

http://jsfiddle.net/3qLbdrka/4/

источник

2014-10-08 16:02:45 Luizgrs

потрясающий! Благодаря!! –

Спасибо !!!!!! –

Существует проблема хрома 138419 отмечен как "WontFix". Причина в том, что это по дизайну. Разработчикам придется создавать свой собственный пользовательский интерфейс для особых случаев, подобных вашим (в некоторых случаях может быть способ переопределить это в CSS).

источник

2014-10-08 16:03:58 Martin

Удалить максимальную ширину на аудиоплеере в Chrome

ответ

Смежные вопросы