Проблема в том, что я даже вот это console.log('Input namber is ' + i);
в консоле не вижу. Такое ощущение, что он цикл for не хочет запускать. При это все остальное работает на странице из этого же файла со скриптом.
Drno, ладно вам, это все демагогия, не касается темы. Вопрос не про качество контента, а про техническую реализацию. WordPress имеет возможность добавлять самые разные сторонние сервисы (провайдеры). Вопрос в том, как это сделать в случае рутьюб.
А что дизайнер макета не предоставляет материал?
Если нет, то выкрутиться можно. Для этого есть GIMP и Inkscape. Все опенсорс, ставится и прекрасно работает. Чтобы хорошо безболезненно верстать, хотя бы Inkscape знать надо обязательно.
Советую обратить внимание на ресурс бесплатных векторных картинок vecteezy.com
Вот пара подходящий примеров прямо от туда: один, второй.
inputs[i].setAttribute('type', 'text');
Это в FF также работает.