kiwi521, я что-то сам запутался.. если указывать ширину родителя то бишь 200px то это будет макс. ширина для дочерних элементов, c width: auto.. мне кажется вам необходимо знать заранее ширину submenu, хотя бы примерное( примерно сколько будет у вас внетри элементов) - тогда ему можно поставить к примеру
max-wdith: 600px и width 100% https://jsfiddle.net/ynx0ef2k/
kiwi521, я не совсем понимаю чего вы хотите добится, если просто добавить этому классу display: flex то подменю становится на всю ширину, а вы добавляете
flex-direction: column;
flex-wrap: wrap;
поэтому они ставятся в 1 колонну
Не совсем понятен вопрос, зачем отрисовывать 200 прямоугольников и как это связано с видеоплеером? Что конкретно хотите сделать?
Если сравнивать чем рисовать столько фигур, то однозначно fillRect
