по-хорошему пишется простой скрипт на ffmpeg, который бы вам эти превью генерил. Иначе человек откроет список видео и у него пойдет загрузка этого всего.
Вы, вероятно, не так поняли статью. content-first предполагает минимально нагруженный интерфейс, но никак не использование одного html.
Оформление, пусть и минимальное, должно быть, а делать его на html - просто ужасная практика.
из очевидного? подставить начально значение, типа 0 или изменить регулярку.
Но лично на мой взгляд выносить логику в шаблон - занятие неблагодарное. Тем более валидации на js обладает большей гибкостью
обернуть во что нибудь, сериализовать, на основе данных посчитать и вынести в $('#price').val(price);
Либо, если уверены, что количество аргументов(селектов в данном случае) не изменится, то можно просто взять значение через .val() и так же все посчитать.