Настя

генерим рандомный файл в 1кб и ложим в паблик дерикторию на сервере, там где видео
на клиенте отправляем последовательно (по очереди) 10 ajax запросов на этот файл, дописывая в конец, после ? рандомную строку в запрос. Для каждого запроса меряем время от отправки запроса, до получения полного ответа.
Находим среднее время всех запросов и делим объем файла на это среднее время - получаем примерную скорость соеденения.
Если больше заранее определенного значения - меняем картинку на видео

Конечно не самый лучший способ, но.
На php ищешь скрипт, который измеряет скорость загрузки страницы.
Не знаю пойдет этот или нет https://otvet.mail.ru/question/62911880 вот тут можно посмотреть eddnet.org/?p=673
Не знаю на сколько актуальны скрипты, но все же.
Дальше измеряешь время. И по условию if подставляешь нужный код.

Очень важно. НЕ претендую на супер решение, так же это г*внокод. Но если прям горит, то думаю попробовать стоит! Хотя уверен, где-то есть готовые плагины и функции!

Первый этап — подумать, надо ли это вам вообще. К хорошему дизайну на кривой козе не подъедешь.

Прежде всего: Майк Монтейро «Дизайн — это работа». Даже если не будете потом заниматься дизайном — книга все равно полезная.
Во многом избавляет от романтического подхода вроде «дизайнер — это художник».

Второй этап — учиться: смотреть и делать свое.
Только, во имя всех скандинавских богов, смотреть не на Behance и Dribble. Там красиво, конечно, стиль, все дела, но в конечном итоге 95% работ там просто картинки.
А веб–дизайн — в первую очередь сценарий. Дизайнер определяет то, как пользователь будет пользоваться сайтом: в его власти сделать интерфейс простым и ясным или запутать до невозможности.
Посмотрите работы бюро Горбунова, особенно процесс создания.

Соответственно свои работы тоже нужно рассматривать с точки зрения полезного действия, а не внешней красоты. Эстетика — это третий этап.
Учиться значит читать, в первую очередь. Чтобы делать правильно — нужна система.
Читать лучше от общего к частному, начать стоит с этого:
Дональд Норман «Дизайн привычных вещей»
Виктор Папанек «Дизайн для реального мира»
Параллельно:
Генрих Альтшуллер «Найти идею»
37Signals «Getting Real»

Веб — это интерфейс, значит:
Джеф Раскин
«Новые направления в проектировании компьютерных систем», «Об интерфейсе»
Брюс Тогнаццини «Главные принципы интерактивного дизайна»
Якоб Нильсен «Веб-дизайн. Книга Якоба Нильсена»

Веб — это шрифт и текст, стало быть:
Ян Чихольд «Новая типографика»
Эмиль Рудер «Типографика»
Нора Галь «Слово живое и мертвое»
Саша Карепина «Искусство делового письма»

Веб — структура и верстка:
Тим Харровер «Настольная книга газетного дизайнера»
Мюллер-Брокман «Модульные сетки в графическом дизайне»

Оставлю за кадром книги по самоуправлению и переговорам, это уже другая фаза.
Про английский язык и умение верстать уже сказали, повторяться не буду.

1 большой совет, если хотите действительно серьёзных денег:

Никогда не учитесь у русских (не в обиду будет сказано), забудьте про онлайн курсы, ролики на youtube, блоги, книжки Лебедева, и другую чушь на русском языке. Вы конечно можете учиться по ним, я вам не указ, но Вы в самом начале получите знания, которые мало чем полезны и устарели.

2 большой совет - «Единственный способ стать умнее — играть с более умным противником», — основы шахмат, 1883 г. Идите на Dribbble и Behance и смотрите топовые работы по web design. Пытайтесь повторить, потом все будет на подсознании и чувство вкуса появится.

3 большой совет - Учите английский

p.s. И да, перспективы есть, и очень большие, но не на российском фрилансе.

Это нормально, у всех людей есть такая систематическая ошибка -- занижать сроки. Тупо мы так устроены. Опытный руководитель/заказчик обычно знает, каков этот коэффициент.

Если знаете за собой, что в среднем ошибка у вас в два раза, ну так и накидывайте сразу. По опыту скажу, что бизнесу важнее заведомо сделать в две недели, чем обещать через неделю и затянуть на две.