Видео-фон на сайте используя HTML CSS без JS!

[@volodymyrklyusko6750]

просто спасибо огромное этот канал такая находка, особенно спасибо за серию уроков верстки с нуля

[@jamietitus6220]

You prolly dont care at all but does any of you know a tool to get back into an instagram account..? I was dumb lost the account password. I appreciate any tips you can offer me!

[@zanelucca8272]

@Jamie Titus instablaster :)

[@Scripeee]

Вся необходимая мне информация, которую я не мог найти долгое время, оказывается, уместилась в 12 минутах данного видео) Огромное спасибо за ролик, все доступно и воспринимается на лету!

[@lexij_j]

Спасибо за уроки! Хотелось бы увидеть урок о том, как добавлять на сайт незамысловатые анимации фигур, которые просто на фоне летают и тем самым создают какой-то эффект заинтересованности у пользователя.

[@СергейЦёхла-ф5н]

Чёткое видео! Прям то что я искал и даже больше! К тому же разширил представление использования псевдокласа ибо сколько примеров видел и всегда для затемнения использовали отдельный блок

[@raphailras5254]

Боже ну сколько нужно было прошерстить инет прежде чем найти это видео... Очень ясно и доступно. Спасибо.

[@AlexanderShutter]

За этот офигенный урок отдельное спасибо! Элегантно и функционально

[@ВолодимирПриходько-л2л]

Материал как всегда на высоте! :) смотрел твои уроки по верстке, очень классно объясняешь. Жду видео с вёрсткой где нужно применять js :)

[@ГеворгАврорин]

Тебя в топ за старания и качественный контент, братан ты заставляешь привить интерес к написанию сайта с 0 Ждем все когда будет пример многостраничных сайтов!!

[@Lok1goD]

Круто! Огромное тебе спасибо, всё ясно-понятно, пол дня мучался с видео пока не нашел твоё) Спасибо!

[@ivanhi4399]

Ну ты...Профессионал.Продолжай в том-же духе!Удачи!

[@ИванНазаров-з2я]

Спасибо за видео! Ёмко и по делу, без воды 👍

[@v_astakhov]

Лайк и подписка! Решил сверстать шапку сайта, чтобы добавить в неё видео через HTML 5 и CSS. Не знал как это можно было реализовать. Теперь знаю.

[@RosarioPorello]

Спасибо тебе , наш учитель ;)

[@ariezohar725]

Супер! Просто и доходчиво. Красавчег!

[@XIeepy1]

Спасибо большье. Ты отлично объясняешь.

[@shmeklz]

Все таки понравилось) лайк

[@BmxCarSoundStreetTrial]

спасибо вам :) лучший в своем деле!

[@svitlanaeffectus2310]

Спасибо за урок! Получилось!

[@shah7038]

Грамотно и просто !!! Спасибо за подсказку.

[@BonBiBon]

Класс!

[@onebytesiteit30-75]

Мужик, просто жму руку!

[@gvitoss]

Буду благодарен если сделаешь серию уроков по jQuery, хоть какие-то базовые вещи. Чистый JS задолбался учить)

[@ИзиКаткович-ф7м]

как всегда на высоте.

[@vladislav5549]

Супер, большое спасибо

[@ОксанаРадковская-у5н]

Я обожаю твои видео)

[@yankafunka1344]

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

[@progerlife6690]

Спасибо! Классно!!!!Димон давай сними пару уроков про Gulp? Думаю начинающим будет полезно знать!

[@ravenban7972]

Оставляю комментарий для продвижения

[@HOTBOY9961]

супер! подача, голос все на уровне, однозначно лайк и подписка, только не скатись умоляю!!))))

[@AnatoliySharov]

куда не скатиться?

[@АлександрФримен-п7ж]

спасибо! отличный контент)

[@TamaraNikolaevna]

Спасибо за полезную информацию

[@gevorgmkhitaryan1996]

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

[@Прикольноепроектноепрограммиро]

Прикольно! Не думал, что так можно. Привык как-то JS-овский код воровать для таких целей

[@creatingandeditingcae-duce3623]

Огромное спасибо!!! Долго искал почему не запускается автоматически видео

[@ПавелРендаренко]

Топчик! Без всяких курсов, записей, вебинаров и прочей шелухи. Так держать. Будут ли уроки по созданию многостраничных сайтов для новичков? Видео не выходило уже месяц, надеюсь автор не забил на канал ибо пока единственный канал, где без пафоса и глупых шуток всё объясняется просто и доступно, а это в 2к19 по ходу редкость!

[@BrainsCloud]

Павел Рендаренко курсы тоже есть, куда без них. Скоро будет новый контент

[@ПавелРендаренко]

@@BrainsCloud Они есть, я видел, но Вы не тыкаете ими кажде 3 минуты видео. Всё чётко и по делу, без шуток и нелепого самопиара ИМХО =) За новый видосик спасибо =)

[@d.s.korochkin9238]

Круто)

[@vllcentral9110]

Спасибо ! Очень помог:)))

[@AndreyOdessa999]

Можно ли на главной странице мобильной версии сайта на весь экран поставить видео? И можно ли сделать, чтобы оно запускалось автоматом, без кнопки плей?

[@nero-je9ni]

Спасибо, помог

[@infinitiv6290]

спасибо, помогло)

[@wockywocky3109]

Спасибо большое, очень помог

[@turalperfectworld1065]

Димас хватит отдыхать, мы тебя заждались)

[@BrainsCloud]

Еще чуть-чуть )

[@yaqqnxw9056]

Я ЛЮБЛЮ ТЕБЯ

[@firudinaskerzade9335]

Благодарю и говорю mersi

[@selectcheats]

при функции overflow: hidden; пропадает само видео. не знаю что делать

[@ОтецФёдоръ]

Большое спасибо, Дмитрий! Может у вас появится желание и время для плейлиста "Верстка современного интернет-магазина"?) Может даже сделать такой курс платный? Прям от начала и до размещения на хостинге. Со всеми фишками и особенностями.

[@MysticFly]

Лучший! Лайк и пдписка.

[@DeDDrundulet]

Дмитрий, здравствуй. Может ты подскажешь. Я все абсолютно один в один делаю как у тебя на видео, но добавляю свое видео. Но почему то при отображении в браузере оно начинает дергаться. В чем может быть причина?

[@bonafidesjo]

Спасибо за видео! Очень помогло! Подскажите, пожалуйста, а как в dev tools сделать так, как у вас? чтобы внешний вид был телефона?

[@igorgerald8294]

Спасибо :-D

[@sem4ik255]

Все отлично, но один вопрос: нельзя ли просто поставить тег видео, без дополнительных дивов и задать видео: position/top/left/height=100vh/object-fit=cover?

[@igor9830]

Можно пожалуйста поподробнее с дивами? Я никак не пойму сколько таких оберток нужно делать и как их использовать. Очень хочу в этом разобраться.. Поможешь?

[@elitech3339]

спасибо

[@turalperfectworld1065]

Спасибо.

[@sultanalibekov9767]

9:41 а не легче сразу align-item: center написать чем flex-direction и justify-content? или что то не так будет работать? объясните кто шарит

[@kas_per5649]

Подскажите а как прописать со звуком что бы звук был

[@pavliken1337]

Сделайте пожалуйста урок по ajax форме обратной связи. Что бы можно было отрпавить форму и вместо формы (на месте формы) появлялось собщение спасибо форма отправлена.

[@СтепанБоцко]

А что скажете по кросбраузерности даного способа вставки видео? А то меня терзают сомнения, что оно заработает на айфоне 11 автоматически.

[@elizavetapopova6541]

Здравствуйте! подскажите пожалуйста, а как сделать footer в данном случае, чтобы он не вылезал за пределы видео?

[@funner5916]

А как само фоновое видео закрепить? Просто background: fixed не работает с видео

[@bintmumin311]

Здравствуйте! Скажите пожалуйста, этот метод для тильды подойдёт? Через html вставить

[@ВладимирГоринов-в1у]

Такой вопрос, работает ли этот видеофон на IOS? С их запретом на автопроигрывание видео.

[@СкандальныеПереписки]

Можешь, пожалуйста, порекомендовать литературу или ресурсы, с которых лучше начать в вебе и дальше по нарастающей. Мб есть какие-то мастхев книги ?

[@fivex7507]

наверное вы не ответите но всё же спрошу, почему у меня не на весь экран видео а в плеере появляется?

[@АндрейХоть]

А, зачем виде без звука? Вы показали как вставить видео для глухих (. Что нужно добавить, чтоб звук был?

[@Toszsa]

У меня возникла проблема . У меня дисплей 3840х2400 и когда я ставлю видео-фон (full hd) то он оставляет белые полосы и не ставится на весь экран . Я пробовал менять дисплей в настройках , но если я поставлю 1920х1080 то у меня появятся чёрные полосы на экране . Что делать ?

[@nikajibladze6508]

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

[@Winnni951]

Подскажите, пожалуйста, а как сделать так, чтоб вместо надписи была ссылка, а то она у меня не работает (

[@777.1]

а как зделать живое видио не на канал а на главный фон ютуба через кансоль

[@brutal-lukism]

У меня не работает если окрывать Safari на IOS Скажите как можно сделать что б и на айфонах работало

[@РостикФедоренко-г1р]

А как сделать ротацию фона видео?

[@Dmitriy_Sentinel]

Мне интересно насколько целесообразно использовать видео на фоне, тем более такого большого разрешения.

[@kirillsundaen8810]

Привет, а как сделать его со звуком?

[@Користувач-в4ъ]

Какой у тебя монитор подключён к маку? ответь плз)

[@BrainsCloud]

обычный full hd монитор dell 24 дюйма через hdmi

[@annasahradyan9849]

Здравствуйте спасибо большое за видео отличная работа,не скажите почему padding-bottom 56.25% ?

[@BrainsCloud]

Для соотношения сторон 16:9, получается что высота должна быть 56.25% от ширины блока, a padding-bottom в % считается от ширины элемента.

[@annasahradyan9849]

BrainsCloud спасибо большое за ответ

[@РоманКрецу-ш9ш]

А как видео зделать со звуком?

[@roman3403]

А как зделать фон неподвижним? постараюсь обяснить: Нужно чтоби фон не проворачивался с текстом. Текст проварачивается а фон закреплен.

[@padre4080]

Нашел решение?

[@roman3403]

@@padre4080 да

[@roman3403]

@@padre4080 background: fixed;

[@MykytaSneez]

а как сделать чтобы видео урезалось не снизу, а сверху?

[@ktytar]

Спозиционировать видео как bottom: 0 , left: 0;

[@daniilkanev7125]

Привет, Дима, можешь подсказать, нужно ли образование программиста, что бы в дальнейшем работать веб-разработчиком?

[@BrainsCloud]

Привет, у меня его нет

[@daniilkanev7125]

Понял, спасибо)@@BrainsCloud

[@Hello_world_2020A]

Тег video НЕ РАБОТАЕТ В НОВЫХ ВЕРСИЯХ 99 /100 (до 98 работает только) Они убрали тег video Что мне делать ???

[@SP-he9lj]

Выпустить бы ещё теперь туториал "Аудио-фон на сайте используя HTML CSS"

[@sashadrive4734]

Для вк как фон сделать? ну видео фон

[@МаріяГорецька-е1щ]

что делать если текст вылез из фона

[@andriihorkusha1230]

Через Gulp видео вообще не отображаеться

[@alextinyverse]

Как сделать высоту видео на всю высоту экрана, но при этом чтобы не было вертикального скролла из-за видео

[@mushnikov35]

height: 100vh )

[@Dicerec56]

не работает( не пойму. почему

[@youtuberelaxvideo]

ПОЛЕЗНОЕ ВИДЕО ЗАЛЕТАЙ

[@Oksana_Bon]

а как сделать чтобы растягивалось на всю высоту при сжатии?

[@Oreo_Raccoon]

Здравствуйте такая же проблема как у вас, получилось найти решение?

[@DeIgado95]

@@Oreo_Raccoon нужно добавить для .video__media "object-fit:cover" и дальше поиграться со значениями высоты и ширины элементов

[@Oreo_Raccoon]

@@DeIgado95 спасибо за совет, на будущее учту, но я уже просто по другому видео уроку сделал и все норм работает))

[@DeIgado95]

@@Oreo_Raccoon если вкратце - каким методом сделали?

[@Oreo_Raccoon]

@@DeIgado95 Кстати тем же что вы предложили: object-fit:cover

[@bogdanmusicmix34]

Раскажи как вставить видео

[@tapo4ek777]

Всё получилось,только .intro для меня оказалось лишним. Видео было маленьким и просто не расстягивалось. Знатоки может скажут в чём причина. :)

[@mushnikov35]

display: flex; для родителя , margin: auto; для дочернего и все будет по центру )

[@ТарелкаБорща-у5ъ]

Продвигайся

[@ТарелкаБорща-у5ъ]

Народ, нужна помощь. Есть задача: оптимизировать сайт таким образом, чтобы он при запросе был на 3м месте в поиске. Если кто-то знает как работает поиск в гугле и как можно на него повлиять буду очень признателен.

[@nikitaermolenko7813]

Чет скролл не пропадает:( Хоть с .intro, хоть без intro

[@Hello_world_2020A]

ВАШ способ не работает на версии (на версии 98 работает ) 99 / 100 УЖЕ НА РАБОТАЕТ ПОМОГИТЕ гугл все поломал

[@insel260]

Зашел на этот ковер.со.... 200 баксов за видео в 10 секунд, ты издеваешься? Ладно бы там было что то уникальное, но там же просто хлам, которому красная цена 1 цент за целый пак всего раздела!

[@asgard1428]

Дмитрий добрый день. Можете подсказать почему у меня в место видео появляется надпись на нем «видео в поддерживаемом формате и MIME-типа не найдено»? Форматы пробовал разные и браузеры, не помогло.

[@daily_encourages]

Спасибо бро ❤❤

[@d1f1coolr23]

А как поверх наложить фото?