Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO.

[@FreelancerLifeStyle]

🤟 РЕПОСТ! 🔴 Карта канала: bit.ly/36r29xV 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

[@poker6044]

А можно подробнее на эту тему, например про видео с прозрачным фоном, какие нужны фоматы видео и атрибуты, что бы разместить такое видео на сайте?

[@qwe-rty-]

Женя, тут кстати в хром завезли инструменты для флексов и гридов, теперь их изучение стало прям наглядным и вообще вау. Мог бы ты, если в курсе за эти инструменты, ознакомить нас с ними, думаю, что это будет полезно (поддержите лайком, если рил интересно!)

[@FreelancerLifeStyle]

Обязательно!

[@deniskotov]

Евгений Батькович, моё вам уважение и низкий поклон)))

[@FreelancerLifeStyle]

Ахах) Спасибо!

[@zauron9213]

Нахожусь на данном моменте в середине твоего курса по верстке сайтов, решил оставить комментарий под новым видео чтобы в будущем заглянуть и вспомнить с чего я начинал. Сейчас много ребят которые бьют себя в грудь и спешат оставить комментарий такого рода, но потом быстро сдаются. Пусть это будет мне доказательством , что я не один из таких) У тебя самый качественный материал по программированию, смело можешь звать себя лучшим ютубером в этом направлении.

[@FreelancerLifeStyle]

Спасибо большое!

[@MBoyChannel5]

Ждем новостей) Удачи!

[@kagenburgburg4220]

Я тоже недавно начал, надеюсь у нас все получится!

[@zauron9213]

@@MBoyChannel5 Спасибо большое!

[@zauron9213]

Все кто еще на пути обучения, лайкните, посмотрим сколько нас)

[@konstantino7016]

Евгений, отдельное спасибо за то, что делая новый выпуск, ты сразу его добавляешь в соответствующий плейлист. Так не рушится порядок обучения и я спокойно прохожу курс, зная что все необходимые видосики впереди и не нужно их сохранять себе в отдельные плей-листы, в которых сам же потом и путаешься)) в обучении очень важна структура и последовательность курса. Ещё раз убеждаюсь что твой канал лучший на KZbin!!!

[@АсяХаликова-в7б]

Как всегда испытала восторг от подачи материала! Женя, с каким же уважением вы относитесь к тем, к кому обращаетесь! Не только код оставляете в материалах, но и шпаргалки по по атрибутам. Учусь с ощущением легкости! Но не могу не процитировать одного из ваших почитателей: "DOM требуют наши сердца!" СПАСИБО! Интересных велопутешествий и добра в семью!

[@FreelancerLifeStyle]

Спасибо большое!

[@LovelyNature-f6y]

Дуже допомагають твої відео в моєму розвитку як front-end розробника. Вдячний за якісний та безплатний контент!

[@THG6196]

Привет с Узбекистана, БОЛЬШОЕ СПОСИБО👍

[@dahny6544]

Женя, спасибо вам за ваш труд! Всё как всегда на высоте! Столько голову ломал, тысячу сайтов облазил, а тут ваше чудесное видео с отличным объяснением! Поставил лайк только зайдя на ролик.

[@vadimrobinov6524]

Начал смотреть видео, и думал нового об этом ничего не узнаю, но к концу видео понимаю, что бог вёрстки здесь и готов удивлять! Жень, как всегда все на 100%, спасибо!

[@kotiko_oks]

21:11 Если бы ты знал насколько ты попал в точку... У меня курсовая по вэб программированию и я с каждым твоим видео сделал именно так, ведь у меня в курсовой должно быть обучающее пособие, а на Ютубе нет лучшего учителя чем ты, т я в свою курсовую встроил этот плейлист, каждое видео!

[@БекмирзоАзимов]

Странно что на таких видео так мало просмотров. Хочется чтоб автор не переставал этим заниматься

[@FreelancerLifeStyle]

Согласен!

[@ankavery]

Отличное видео, без воды, впрочем как и всегда. Хотелось бы ещё что-то подобное о подключении и настройке гугл/яндекс карт, думаю там есть о чём рассказать.

[@FreelancerLifeStyle]

Спасибо!

[@Semen_aqw]

боже мой ... это так великолепно !!!! такие вещи делать я вот знаю достаточно в html и css но понимаю что практика - это практика и то что ды делаешь выглядит очень круто ! ЛАЙК !

[@FreelancerLifeStyle]

Спасибо!

[@ВладиславВласов-ь9ж]

Я всегда хотел уметь вставлять видео в фон! Спасибо вам!!

[@Andrey_Mendel]

Дякую! Дуже якісно та доступно. Як завжди!!

[@Masimkaify]

Жека! Огромное тебе спасибо, ты просто дал мне шанс поспать спокойно) Начал разбираться сам с этим видеофоном и таких кастылей мир еще не видал)) Позиционировал текст, а не видео и жесть как оно при адаптиве ломается(( Ты действительно классно преподносишь информацию, только не сдавайся! Продолжаю впитывать твои знания, спасибо! 💪💪💪

[@NikitaKoval-d5i]

Незаслуженно мало просмотров для таких полезных роликов. Хочу лишь сказать, что Евгений делает очень важное дело, как творец, за что ему большое спасибо !

[@Arkadiy7]

Не смотрел, а посмотрю когда столкнусь с этим вопросом в верстке, так лучше зайдет в голову. Спасибо за контент.

[@sergeycraftsman3637]

Евгений, делаешь большое дело!!! Благодарю, что делишься своими знаниями, оно того стоит!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-rd4kg4yg7t]

Ви Бог верстки !!!

[@MilenaAdelin2207]

Женя ДЯКУЮ ТОБІ ЗА ТЕ ЩО ТИ РОБИШ!!!! Мені ця тема зараз дуже актуальна!!!

[@kostz1212]

Спасибо тебе большое за труд!)

[@FreelancerLifeStyle]

Пожалуйста!

[@dmitrid.317]

Есть у Жеки редкий дар угадывать какой следующий видос будет весьма полезным для нас! Спасибо сен-сей)

[@ГригорийКозырев-с3е]

Спасибо Жека. Зашел с другого аккаунта чтобы поставить еще один лайк и комент!!!)))

[@ВладЛитвин-с6д]

Очень крутой урок, Жека красавчик что даришь нам эти знания.🎉

[@ms-33]

Какой хороший человек! Спасибо.

[@FreelancerLifeStyle]

Пожалуйста!

[@deniskravchuk707]

Спасибо, Женя! Все видео как раз под задачу!))

[@zmeygorynych5684]

Вот это оперативность и уровень взаимодействия. Не так давно попросил этот видос и Жека тут же забацал красиво)

[@no_way_back813]

Опа а вот и новый урок от Жеки! Поехали!)

[@FreelancerLifeStyle]

Вперед!

[@shukonfadah5725]

все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье

[@Denypopovich]

Урок прям на ура зайшов. Шикарна подача, дякую, Жека!

[@АлександрКирьянов-э9з]

Как это вовремя! Как раз мне надо вставить видео в начало сайта. Спасибо большое! Тут всё что нужно в полном объёме.

[@Alexus1504]

Как всегда "всё по полочкам"! Ясно и понятно! Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@itga1qadam941]

Качество говорит в деле. Спасибо Жека

[@dimashrakhymzhan5242]

Почему у этого канала всего 100 с лишним тыс подписчиков?! Вот вам бесплатная удочка! Научись пользоваться и лови рыбу! Удачи Вам! Спасибо за канал!

[@FreelancerLifeStyle]

Пожалуйста!

[@sergeypr5521]

Спасибо! Как всегда ясно и понятно!!

[@FreelancerLifeStyle]

Пожалуйста!

[@detro1821]

на отошел от крутейшогр видоса об дом и тут еще и этот, спасибо, учитель

[@ЕкатеринаДубовская-г2х]

Все уроки реально очень крутые. Выглядит все очень красиво и объяснения более чем понятные. В остальном только практика поможет это все усвоить. Спасибо за Ваш труд.

[@ВикаОношко-л8ж]

Спасибо большое.Мне очень нравится смотреть ваши видео.Все понятся и много полезных советов!!!

[@user-kh3ob7sw9v]

Нет слов, одни емоции

[@FreelancerLifeStyle]

Спасибо!

[@ErnestGaliullin]

Какой такой эдакий мастер поставил дизлайк?? А как всегда с меня лайк, а ты как всегда продолжай в том же духе. Ты каждый день делаешь мир чуточку лучше, а веб-разработку проще.

[@АлександрМелянюк-ц9ю]

Спасибо! Как всегда на высоте!

[@FreelancerLifeStyle]

Пожалуйста!

[@selleniya999]

Я тут сообразила: вот эти уроки полезны не только сами по себе. Я быстро стала ориентироваться вообще в программах. Не такая беспомощная теперь. Вот спасибо!

[@elwvin]

Классно Спасибо большое, было очень интересно и познавательно!!)

[@user-hk6yw1ul7k]

Благодарю за такое познавательное видео! Получаю огромное удовольствие от обучения именно по Вашим материалам! Желаю успехов!

[@iliagolota9653]

Супер! Дякую за нове корисне відео ! 👏👏👏

[@ЕленаКозлова-э1ж]

Очень познавательно и полезно! Спасибо!

[@relaxing_sounds_zen_meditation]

Как всегда интересно и доступно. Большое спасибо!

[@nataliiachaikovska4]

Классный урок! Очень нужная для меня информация ;) Спасибо. Лайк и вперед смотреть :)

[@viya98]

Это шедевр, огромное спасибо😊

[@maxfatyanov7096]

Информативно и полезно, благодарочка за видос

[@ИльнурШакиров-и7м]

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

[@dmitriyegorov4764]

Маэстро верстки! ) Отличный урок, Жень! Спасибо! )

[@konstantino7016]

Да это же волшебство какое-то!!! Супер! Отличный урок

[@VeloGitaryst]

Благодарю, как всегда интересно и доступно!

[@ЮрийРудь-ш4г]

Жека, как всегда всё КРУТО!!! Всё, я пошёл новый KZbin запилю...)))

[@daniil2704]

Тет56% можно не подобрать Если нужно 16:9 То берем 16 как 100% И считаем сколько % равно 9 16 / 100 = 0.16 - 1% 9 / 0.16 = 56.25% Готово! Все просто.

[@user-rc4yd1kx4t]

Огромное тебе спасибо!!!

[@КириллКостин-р9ы]

Блин, я только начал искать! Спасибо!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@alexanderbashkatov5981]

Спасибо, Евгений! Очень круто

[@adeptusCustodius]

Жека, ты крутой!!! Спасибо тебе!!!

[@АлександраТанташева-ч8и]

классно все рассказали!Спасибо! а если след в след делать еще и голову прикладывать то все получается))

[@artyomnazarov8518]

Просто спасибо тебе, Женя, за твой труд.

[@ДмитрийАрзяков-б4р]

Классный ролик. Легко запоминается.

[@user-rt4kw1qu5l]

Спасибо! Как всегда помогли!

[@stelsboii]

Загрузил страницу, сразу поставил лайк

[@rokfellers]

Отлично. Но хотелось бы больше узнать о 3D вставках, за этим будущее и уже внедряют многие 3D товары где можно покрутить, приблизить, подробнее изучить. Интересует все по этой теме ОТ и До. Заранее благодарю

[@qwe-rty-]

Там внедряются целые модели, это похоже на вставку видео, можешь глянуть на разных сервисах есть модели, ещё есть видосик от хауди, недавно кстати, или я когда-то смотрел у красного степлера) kzbin.info/www/bejne/Z4XIfot_jLelp6c Можешь скинуть ещё по запросам WebGL и three.js

[@topalek]

Женя, спасибо большое тебе за твой труд.

[@_CryptoFunUA]

дякую друже, як завжди на висоті !

[@FreelancerLifeStyle]

Будь ласка!

[@hmutyikoot4454]

Просто превосходно) Вечером обязательно посмотрю! Лайк!) Может быть будет ещё урок по стилизации плеера?

[@PhoenixWisdomRises]

Вторую неделю изучаю верстку по этим урокам...очень интересно подан материал, особенно понравилась игрушка flexboxfroggy:) Есть ли варианты таких игр допустим для background или JavaScript и тп.? Спасибо за то что Вы делаете!

[@Surprizze2023]

На том же сайте есть с гридами игрушка похожая на фроги

[@annamets]

Круто! Ждём кастомный плеер!

[@AlexStolbovakariturnel]

Видишь этот лайк? Он - неимоверный!!!

[@FreelancerLifeStyle]

Вижу, спасибо!

[@Алексей-и8ю7ю]

👍👍👍

[@Ромчик_Ёпта]

Буду ждать ролик, как сделать кастомный плеер!

[@АсяХаликова-в7б]

Женя, еще раз спасибо! Если будете еще рассказывать про видео, может вспомните мою просьбу. В макетах часто у видео есть картинка-заставка (про нее вы рассказали), а посередине заставки стоит иконка-плей. Разместить эту иконку проблем нет, но наверное дизайнеры планировали, что при нажатии именно на эту иконку стартует видео. Заранее спасибо! А может это способ дизайнера показать, что на этом месте видео, и не обязательно делать эту иконку... Вот подумала-подумала, и сама себе и отвечаю, что могу эту иконку сделать ссылкой и открывать видео через поп-ап. :-)) Я тут за одним блогером верстаю многостраничный сайт (хотела новые фенечки подсмотреть), так после первой же страницы стала делать сама по Жекиной методе, уж больно мне нравится ваши придумки!

[@НикитаРыженко-р6т]

Круто получилось,Жек)

[@velobarahlo]

благодарю за видео

[@АкылбекБайзаков-н7ъ]

thanks!

[@Lerogorn]

Спасибо!

[@valentynbilan]

Фантастиш! 💪🏻

[@FreelancerLifeStyle]

Спасибо!

[@kotbarsik9613]

Полезно. С кайфом)

[@whoisleshalightmusic]

Круто, спасибо!!! было бы круто еще научиться делать свой кастомный плеер!!))

[@krukru4500]

спасибо,чувак, лайк подписка,однозначно!

[@eduardmychka9644]

Круто!

[@TeeBKECH]

Спасибо! Годный контент и интересная подача)

[@kirillpopov1445]

Спасибо, очень жду "Как это сделать" про плеер

[@OleksandrZubov-b2v]

КЛАСС! Как вовремя. Крутое видео

[@hibiride]

Респект!

[@danilbadretdinov2787]

Респект

[@FreelancerLifeStyle]

Спасибо!

[@nasibanazarowa5675]

Спасибо вам вы Супер классно👍👍👍👍👍

[@stefanskyi_]

👍 Вподобайка та комент 🔥🔥🔥

[@YevheniiHladkov]

Очень хорошее видео. Так держать !

[@YourVideoEditor]

Thank you! It works

[@ГригорийКозырев-я9к]

Крутейшее обьяснение!!!

[@Шаман1-х4щ]

Спасибо! Ждал этот видос! ☺️

[@vyacheslavdimitrov5077]

Уровень Бог!!!

[@yehorkolpashchikov334]

Жека - красава!

[@konstantinreut2577]

Thanks a lot, bro! The lesson is perfect!