Вадим, попробуйте оформлять JavaScript код в виде es6 класса. Мне кажется так удобней, и получается структурированный и чистый код. Общий код можно вынести в родительский класс (и для инициализации). Например github.com/zoxon/gulp-front/blob/master/source/modules/alert/alert.js
Я вам страшную тайну открою: я не JS-программист. И думаю многие зрители этого канала - тоже. У меня есть ремарка ближе к концу, что я код довольно простой и можно было сложнее. Но зачем? Это демонстрация принципа, а не npm install lazy-load. Думаю, я продолжу и дальше писать JS попроще. Возможно, стоит это проговаривать ещё более явно.
Ну и что, о чем собственно разговор )? Вадим Макеев на лекциях о доступности открыто говорит: "Если вы убираете outline, позаботьтесь, что бы у интерактивного элемента обязательно было некое состояние фокуса". В данном видео все логично, элемент при наведении, или выделении себя в фокус, явно показывает активное состояние. =)
Ты объясняешь, как бог. Обычно видео длиннее 15 минут вызывают у меня стресс, но в случае с твоими видео и 30 минут проходят незаметно, главное - все понятно. Не знаю в чем именно дело, но это круто
Гениально, взял на вооружение. Это не только сокращает расход трафика но и количество запросов к серверам Ютуба. А запросов там идёт море, так что эта идея просто божественная!
Если вдруг кому-то будет полезно - надо немного подшаманить regexp, потому что сейчас немного другие ссылки на получение картинки. А так всё работает). Спасибо ещё раз).
Жаль что зачастую в "продакшн" мы используем уже готовые плагины, в которых нет такой заботы о пользователе. Но зато быстро, точно кроссбраузерно и как бы снимаем с себя ответственность. Мол ну это ж уже плагин, готовое решение. Надо будет все таки перебороть лень и использовать подобные подходы. Как минимум свой скилл точно улучшит. Спасибо за видео. Формат суперский, ничего лишнего. И очень нравится как вы радеете за каждый килобайт. Этого в нынешнем вебе ой как не хватает
Уххх, как это интересно и полезно, я восхищен, что даже без мата не выразить мое восхищение, так что лучше промолчу)) Вадим, теперь пора делать бибилиотечку на эту тему.
Пока смотрел вспомнил про замечательный аттрибут target у ссылки. Просто задаешь у name и используешь это имя как target. Из минусов - элементы все еще нужно удалять с помощью js (даже новомодный :has не помог сделать это через css), дублирование ссылок в href и srcset, нужны уникальные имена для . Из плюсов - не нужно писать много js кода и каждый раз переинициализировать новые видео на странице. Еще можно настроить каждый отдельно, так как он находится в верстке
Крутая футболка P.S Видео - это просто эстетический оргазм. Все сверстанно идеально включая html, css и сприпты. Я когда-то тоже делал что-то подобное, но, конечно, более костыльными способами. Спасибо, Вадим, за такой крутой разбор
страшно представить, честно говоря, какую верстку вы наблюдаете, если нормальная вам оргазмы доставляет... неужели все действительно так плохо в отрасли?
Буквально пару дней назад грузил на лендос через около 10 видео. От ютуб в ответ прилетало куча "мусора" и при включенном adblock console просто пестрил красным цветом. Спасибо за действительно полезный контент
@@pepelsbey а ещё скрывать её лучше атрибутом hidden, а не в стилях: когда будет то, благодаря чему она будет рабочей кнопкой, а не пустой клацалкой, тогда это что-то её и "покажет".
Я состояние enabled использую не только для кнопки, поэтому хотелось одним действием менять всё сразу. А hidden это тот же display: none. Но может я чего-то не понимаю?
@@pepelsbey Это примерно та же история, что и про размеры для заинлайненных svg-иконок. Если не приехало и/или не сработало то, для чего эта кнопка нужна (стили или скрипты, но чаще скрипты), то на странице будет болтаться странная кнопка, не делающая ничего. А в случае с атрибутом hidden соблюдается PE: приехало и сработало - пусть оно и активирует, навешивает нужный display.
@@pepelsbey hidden у кнопки выглядит логичнее и к тому же не понятно зачем нужен cursor: pointer в .video--enabled, т.к. video__link это ссылка которая полностью заполняет video, а у ссылок по умолчанию cursor: pointer
Возможно, кто-то столкнется с такой проблемой: некоторые превью (особенно на старых видео) не имеют версию maxresdefault. У них прописано hqdefault или sqdefault. Превью не грузится. Просто поменять URL в HTML недостаточно - скрипт не срабатывает. Я (сразу скажу, в JS полный 0, чисто методом тыка) в regexp убрал упоминание maxresdefault, получилось: let regexp = /https:\/\/i\.ytimg\.com\/vi\/([a-zA-Z0-9_-]+)/i; Пока полет нормальный, все грузится как надо, может кому будет полезно. Или более знающие в JS меня поправят:)
Спасибо Вадим, все четко объяснили, все работает, искал вариант, пол интернета перекапал, есть что то похожее, но не то, по вашему уроку все сделал, все работает, спасибо вам за понятный урок. Подписался, буду смотреть ваши видео дальше.
Отлично, спасибо за хорошую реализацию. У меня был работе сайт, в котором были вставлены через слайдер более 20 видео с youtube. Нагрузка на средненький CPU была более 20% после полной загрузки страницы, при этом даже ни одно видео не было запущено.
Вадим, спасибо большое за видео. Очень доступно, очень наглядно. Единственное у себя я поменял парсинг id не с картинки а с ссылки. Это позволяет убрать лишнее объявление переменной (картинки), а также можно показывать сторонние картинки (не с ютуба).
Мне как человеку далекому от js объяснения показались очень доступными, спасибо. Как-то делал что-то похоже, т.к. загрузка сайта висела из-за подгрузки youtube видео, нашел похожий скрипт, который загружал картинку, а после клика - уже грузил видео.
Спасибо за видео! Одно небольшое замечание по JS: Перед удалением атрибута href можно забрать с него ссылку на видео, тогда не придется парсить url с картинки :)
Спасибо! Я делал примерно так же, но у тебя в плане семантики разметки всё идеально)) А еще можно вместо написания своего скрипта по замене содержимого в блоке взять плагин для генерации модальных окон и использовать его для отрисовки видео.
Вернулся к этому видео через 4 года, когда youtube уже не работает в России, а плеер vk настолько тяжелый, что даже один сильно блокирует рендеринг страницы. Спасибо за старые актуальные видео.
как все просто и во время... спасибо!!! у меня как раз задача - сделать карту со звездами, Kликая по звезде должно появиться в popup с видео из youtube, осталось только сообразить как вернуть ссылку вместо
Вадим, низкий поклон вам! Вроде думаешь, что знаешь многие тонкости, но после вашего урока и вообще ваших видео на канале понимаешь истину - вот он новый уровень. Спасибо вам за труды! У меня вопрос по данному "лайфхаку" - всё сделал как вы описали. Работает! Но вот в мобильной версии на iphone 5 и 7 проверял в Safari и Chrome .... значок-кнопка play почему то отображается на половину. И если нажать на неё то видео подгрузиться и отобразиться, но проигрываться автоматически не станет и поэтому нужно нажать ещё раз на кнопку, что бы видео начало проигрываться. Скажите, это только у меня так или другие тоже сталкивались с этим?
по поводу кнопки обрезанной я так и не решил проблему. Про автоплей вроде как предположение того, что это ограничения в браузерах смартфона (безопасность + экономия времени ЦП + экономия трафика). Хочу заметить, что лайфхак не подойдёт для тех, кто использует турбо-страницы. JS для них запрещены. У меня турбо-страницы это 25% трафика. Учтите этот момент, если ваши турбо-страницы генерируются динамически плагином
Сначала увидел разметку и адаптивность видео и удивился, как так) Потом увидел гриды и понял. Я еще по старинке делаю через padding-top: 56.9%, и так далее..
спасибо за такой крутой контент! ничего подобного я не нашла. есть еще вопрос: а не могли бы сделать ролик с похожим подключением карты на сайт - у меня ситуация, когда нужно подключить 6 карт дилеров, думаю,что чтото похожее надо сделать с превьюшкой.
В качестве превьюшки можно использовать Google Maps Static API, который просто отдаёт картинку. А уже при клике на эту картинку или лучше по кнопке поверх неё, можно инициализировать карту developers.google.com/maps/documentation/maps-static/overview
Зашел, думал как гуру верстки справится без джс, но тут конечно не обойтись) Всем кто придерается: там максимально разжеванный код для новичков, хотите усложнить сделайте через функциональщину или ооп и скидывайте ссылку на git, а не предьявляйте Вадиму.
Спасибо, классное полезное видео. Но есть небольшое предостережение по скрипту. В функции setupVideo можно нарваться на Memory Leak, так как ссылка на link и button будет жить в замыкании даже после их удаления, пока будет жить объект video и его обработчик. Я бы советовал получать элементы link и button внутри обработчика.
+1 в копилку знаний, Вадим, спасибо за труд. А подскажите способ хороший, когда видео с ютуба находится в попапе. И например, этот попап каким то из способов закрывается, но видео продолжает играть. Как быть ? Я это реализовал так: при клике на кнопку play запускалась функция которая генерирует innerHtml с фреймом(чтобы видео не прогружалось при открытии страницы дабы не кушать трафик, а при любом способе закрытия попапа я в этот блок вписывал innerHtml = "" ( то есть пустую строку). Таким образом видео прекращало воспроизведение, потому что нечему воспроизводиться. Надеюсь понятно объяснил суть.
Вадим, привет. Видео как всегда на высоте, спасибо за полезную инфу. Но ещё один вопрос не даёт спать по ночам. Вопрос таких псевдоэлементов :before / :after. Вставлять иконки и нехитрый доп контент - с этим все ясно. А как ещё можно использовать эти свойства? Есть ли какие то гуру-секреты?
Есть много разного. Например, хороший трюк: взять псевдоэлемент ссылки и растянуть на весь блок поверх контента, чтобы он блок был кликабельный, а ссылка была в логичном месте, например, на заголовке.
00:22 Вставка по старинке
03:25 Картинка со ссылкой
08:40 Кнопка с фокусом
16:35 Скрипт в работе
21:57 Результат
Вадим, попробуйте оформлять JavaScript код в виде es6 класса. Мне кажется так удобней, и получается структурированный и чистый код.
Общий код можно вынести в родительский класс (и для инициализации).
Например github.com/zoxon/gulp-front/blob/master/source/modules/alert/alert.js
Я вам страшную тайну открою: я не JS-программист. И думаю многие зрители этого канала - тоже. У меня есть ремарка ближе к концу, что я код довольно простой и можно было сложнее. Но зачем? Это демонстрация принципа, а не npm install lazy-load. Думаю, я продолжу и дальше писать JS попроще. Возможно, стоит это проговаривать ещё более явно.
Все тааак детально рассказано, что не понять не возможно. Это настоящий педагогический талант. Спасибо огромное!
Вадим Макеев пишущий outline:none. Теперь я видел всё :)
Простите, не удержался ;)
Если серьезно, то большое спасибо, очень подробно и увлекательно!
Не поверил, пока сам в видео не увидел.
Шок контент
А что в этом необычного?
Это было неожиданно
Ну и что, о чем собственно разговор )? Вадим Макеев на лекциях о доступности открыто говорит: "Если вы убираете outline, позаботьтесь, что бы у интерактивного элемента обязательно было некое состояние фокуса". В данном видео все логично, элемент при наведении, или выделении себя в фокус, явно показывает активное состояние. =)
Шок контент ;D
Ты объясняешь, как бог. Обычно видео длиннее 15 минут вызывают у меня стресс, но в случае с твоими видео и 30 минут проходят незаметно, главное - все понятно. Не знаю в чем именно дело, но это круто
Гениально, взял на вооружение. Это не только сокращает расход трафика но и количество запросов к серверам Ютуба. А запросов там идёт море, так что эта идея просто божественная!
Если вдруг кому-то будет полезно - надо немного подшаманить regexp, потому что сейчас немного другие ссылки на получение картинки. А так всё работает). Спасибо ещё раз).
Жаль что зачастую в "продакшн" мы используем уже готовые плагины, в которых нет такой заботы о пользователе. Но зато быстро, точно кроссбраузерно и как бы снимаем с себя ответственность. Мол ну это ж уже плагин, готовое решение. Надо будет все таки перебороть лень и использовать подобные подходы. Как минимум свой скилл точно улучшит. Спасибо за видео. Формат суперский, ничего лишнего. И очень нравится как вы радеете за каждый килобайт. Этого в нынешнем вебе ой как не хватает
Невероятный ход мыслей автора, я в восторге, спасибо, почерпну сколько смогу, стану лучше)
Вадим, спасибо!
Понадобилось вставивить несколько видео на странице, и это видео идеально подошло!
Спасибо за видео! Смотреть было очень интересно. На самом деле очень мало кто на RUclips в таком качестве преподносит контент.
Уххх, как это интересно и полезно, я восхищен, что даже без мата не выразить мое восхищение, так что лучше промолчу)) Вадим, теперь пора делать бибилиотечку на эту тему.
Спасибо большое! Затронуло все интересующие вопросы по вставке видео
Спасибо. Радует, что есть люди, которые думают об оптимизации)
Пока смотрел вспомнил про замечательный аттрибут target у ссылки. Просто задаешь у name и используешь это имя как target.
Из минусов - элементы все еще нужно удалять с помощью js (даже новомодный :has не помог сделать это через css), дублирование ссылок в href и srcset, нужны уникальные имена для .
Из плюсов - не нужно писать много js кода и каждый раз переинициализировать новые видео на странице. Еще можно настроить каждый отдельно, так как он находится в верстке
Крутая футболка
P.S
Видео - это просто эстетический оргазм. Все сверстанно идеально включая html, css и сприпты. Я когда-то тоже делал что-то подобное, но, конечно, более костыльными способами. Спасибо, Вадим, за такой крутой разбор
страшно представить, честно говоря, какую верстку вы наблюдаете, если нормальная вам оргазмы доставляет... неужели все действительно так плохо в отрасли?
Это лучшее объяснение по данной теме и з всех, что я видел! Спасибо)
Буквально пару дней назад грузил на лендос через около 10 видео.
От ютуб в ответ прилетало куча "мусора" и при включенном adblock console просто пестрил красным цветом.
Спасибо за действительно полезный контент
Спасибо, Вадим.
Очень познавательно.
И что самое главное - оно пригодится в работе.
За это я и люблю ваши выступления и видео. За практичность. :)
Спасибо за видео! Вадим, могли бы вы сделать видео на тему: чек-лист вёрстки? Мне кажется, было бы интересно.
кнопка имеет по дефолту type=submit, в твоем примере сабмитить нечего
за видео спасибо, приятно смотреть. :)
Верно подмечено, поправлю в демке!
@@pepelsbey а ещё скрывать её лучше атрибутом hidden, а не в стилях: когда будет то, благодаря чему она будет рабочей кнопкой, а не пустой клацалкой, тогда это что-то её и "покажет".
Я состояние enabled использую не только для кнопки, поэтому хотелось одним действием менять всё сразу. А hidden это тот же display: none. Но может я чего-то не понимаю?
@@pepelsbey Это примерно та же история, что и про размеры для заинлайненных svg-иконок. Если не приехало и/или не сработало то, для чего эта кнопка нужна (стили или скрипты, но чаще скрипты), то на странице будет болтаться странная кнопка, не делающая ничего. А в случае с атрибутом hidden соблюдается PE: приехало и сработало - пусть оно и активирует, навешивает нужный display.
@@pepelsbey hidden у кнопки выглядит логичнее и к тому же не понятно зачем нужен cursor: pointer в .video--enabled, т.к. video__link это ссылка которая полностью заполняет video, а у ссылок по умолчанию cursor: pointer
Просто супер. Просто, доходчиво, с тайм кодами. Супер
От души спасибо! Мне как раз актуально).
Охренительно просто! Слов нет!
Спасибо за урок. Очень вдумчиво, доходчиво, без лишней воды. Спасибо большое!
Потрясающий урок, классное решение 👍👍 Спасибо!
Спасибо тебе огромное, добрый человек. Поднял оценку на гугле с 39 до 80 на мобильном (у клиента были все отзывы в слайдере вставлены через )
Возможно, кто-то столкнется с такой проблемой: некоторые превью (особенно на старых видео) не имеют версию maxresdefault. У них прописано hqdefault или sqdefault. Превью не грузится. Просто поменять URL в HTML недостаточно - скрипт не срабатывает. Я (сразу скажу, в JS полный 0, чисто методом тыка) в regexp убрал упоминание maxresdefault, получилось: let regexp = /https:\/\/i\.ytimg\.com\/vi\/([a-zA-Z0-9_-]+)/i;
Пока полет нормальный, все грузится как надо, может кому будет полезно. Или более знающие в JS меня поправят:)
Спасибо, дружище. Помог.
Успешно воспользовался вашей разработкой, спасибо вам!)
Супер решение! Реально круто работает! Хочу еще таких подобных фишек чтобы рассказали. Обязательно использую в проекте.
Спасибо большое! Уже применил в проекте, завтра покажу тимлиду)
Классное видео и очень полезное👍
ай хитрюга !? давайте еще с инстограммом что нибудь придумаем
Спасибо за видео. Соглашусь, такие преподаватели на вес золота! Смотришь и реализуешь данные решения с большим интересом.
Отличный выпуск! Всегда была интересна оптимизация нескольких видео на одной странице. Ждем следующий выпуск.
Спасибо! Невероятно полезный подкаст, теперь при вставке видео RUclips больше не будет никаких проблем
Спасибо. Как раз была проблема с оптимизацией -a.
А тут все четко объяснено)
Спасибо Вадим, все четко объяснили, все работает, искал вариант, пол интернета перекапал, есть что то похожее, но не то, по вашему уроку все сделал, все работает, спасибо вам за понятный урок. Подписался, буду смотреть ваши видео дальше.
Аналогично и с встраиваемыми картами полезно делать
Отлично, спасибо за хорошую реализацию. У меня был работе сайт, в котором были вставлены через слайдер более 20 видео с youtube. Нагрузка на средненький CPU была более 20% после полной загрузки страницы, при этом даже ни одно видео не было запущено.
Вадим, спасибо! Предыдущие видео тоже хорошие, но это прямо отличное.
Насколько же офигенная футболка...
Вадим, спасибо большое за видео. Очень доступно, очень наглядно.
Единственное у себя я поменял парсинг id не с картинки а с ссылки. Это позволяет убрать лишнее объявление переменной (картинки), а также можно показывать сторонние картинки (не с ютуба).
Вадим, ты кладезь. Спасибо тебе огромное.
Мне как человеку далекому от js объяснения показались очень доступными, спасибо. Как-то делал что-то похоже, т.к. загрузка сайта висела из-за подгрузки youtube видео, нашел похожий скрипт, который загружал картинку, а после клика - уже грузил видео.
Вадим очень крутые уроки и подача материала! Удачи вам)
Очень крутой материал. Спасибо! Обожаю, когда люди делают что-то полезное)
Очень крутые, понятные, полезные и интересные видео, Вадим! Спасибо большое!
Очень крутая оптимизация! Спасибо, было интересно посмотреть. Ничего сложного, но какой эффект!
Чумачечий js-хак =) спасибо, Вадим!
Спасибо за видео! Одно небольшое замечание по JS: Перед удалением атрибута href можно забрать с него ссылку на видео, тогда не придется парсить url с картинки :)
Вадим, очень классное решение! Огромное спасибо за клевый разбор и пояснения!
Класс, спасибо ) для меня очень полезно перенять такой опыт
Это круто. Спасибо, что делитесь опытом!
Спасибо..... такие тонкости..... благодарно пожимаю руку
Спасибо! Я делал примерно так же, но у тебя в плане семантики разметки всё идеально)) А еще можно вместо написания своего скрипта по замене содержимого в блоке взять плагин для генерации модальных окон и использовать его для отрисовки видео.
Огонь! спасибо!
Низкий поклон. В который раз перехожу по ссылке что б код скопировать!!!
Ахрененно!
Спасибо за видео! Очень ждала этот выпуск!)
Годнота. Можно ещё прикрутить синглтон паттерн, что бы одновременно не воспроизводить более одного видео на странице.
А форкните и предложите реализацию прямо здесь может?
Крутое видео!
Спасибо за твой труд!
Ох, мне бы это видео на прошлой неделе, уже бы натренировался вдоволь)
Вернулся к этому видео через 4 года, когда youtube уже не работает в России, а плеер vk настолько тяжелый, что даже один сильно блокирует рендеринг страницы. Спасибо за старые актуальные видео.
Вадим, спасибо! Вы - золото!
Спасибо, Вадим. Мега полезное видео.
жаль что у кнопки "лайк" нет выбора размера) Эй, ютуб, добавь фичу!)) Короче, лааайк!
Красавчик, дал то что искал
Ничего нового, но объясняете доступно. Т.ч. лайк, товарищи!
Ps.- и даже подпишусь, пожалуй
Вадим спасибо! Очень полезное видео!
Очень полезно, спасибо!
10 Кебаб-меню из 10))) Спасибо, Вадим! Отличное видео)
лучший выпуск
Блин, класс! очень прикольно. спасибо)
Супер! спасибо огромное! пойду исправлять :)
как все просто и во время... спасибо!!! у меня как раз задача - сделать карту со звездами, Kликая по звезде должно появиться в popup с видео из youtube, осталось только сообразить как вернуть ссылку вместо
Ссылку можно вернуть таким же образом, как и вставляли
Вадим, низкий поклон вам! Вроде думаешь, что знаешь многие тонкости, но после вашего урока и вообще ваших видео на канале понимаешь истину - вот он новый уровень. Спасибо вам за труды!
У меня вопрос по данному "лайфхаку" - всё сделал как вы описали. Работает! Но вот в мобильной версии на iphone 5 и 7 проверял в Safari и Chrome .... значок-кнопка play почему то отображается на половину. И если нажать на неё то видео подгрузиться и отобразиться, но проигрываться автоматически не станет и поэтому нужно нажать ещё раз на кнопку, что бы видео начало проигрываться. Скажите, это только у меня так или другие тоже сталкивались с этим?
по поводу кнопки обрезанной я так и не решил проблему. Про автоплей вроде как предположение того, что это ограничения в браузерах смартфона (безопасность + экономия времени ЦП + экономия трафика).
Хочу заметить, что лайфхак не подойдёт для тех, кто использует турбо-страницы. JS для них запрещены. У меня турбо-страницы это 25% трафика. Учтите этот момент, если ваши турбо-страницы генерируются динамически плагином
Сначала увидел разметку и адаптивность видео и удивился, как так) Потом увидел гриды и понял. Я еще по старинке делаю через padding-top: 56.9%, и так далее..
Вадим, спасибо!
Спасибо за видео.
Было полезно и познавательно.
спасибо за такой крутой контент! ничего подобного я не нашла. есть еще вопрос: а не могли бы сделать ролик с похожим подключением карты на сайт - у меня ситуация, когда нужно подключить 6 карт дилеров, думаю,что чтото похожее надо сделать с превьюшкой.
В качестве превьюшки можно использовать Google Maps Static API, который просто отдаёт картинку. А уже при клике на эту картинку или лучше по кнопке поверх неё, можно инициализировать карту developers.google.com/maps/documentation/maps-static/overview
@@pepelsbey Спасибо!
Очень понравилось!
То что надо, спасибо!
Спасибо Вадим!
Аналогично и с виджетами соц сетей, иногда целесообразнее сделать пикчей
а поисковик потом не скажет что у вас плохой сайт для сео, раз он не видит соцсетей на сайте?
Вадим, отлично объясняешь
Зашел, думал как гуру верстки справится без джс, но тут конечно не обойтись)
Всем кто придерается: там максимально разжеванный код для новичков, хотите усложнить сделайте через функциональщину или ооп и скидывайте ссылку на git, а не предьявляйте Вадиму.
Просто супер!
Спасибо за видео очень полезный трюк с .
Спасибо, классное полезное видео. Но есть небольшое предостережение по скрипту. В функции setupVideo можно нарваться на Memory Leak, так как ссылка на link и button будет жить в замыкании даже после их удаления, пока будет жить объект video и его обработчик. Я бы советовал получать элементы link и button внутри обработчика.
А сделайте ремикс на Глитче и дайте ссылку, я для этого и пощу там :)
А можно поподробней про мемори лик со ссылками линк и баттон? А вы сделали уже ремикс исправленный? )
+1 в копилку знаний, Вадим, спасибо за труд. А подскажите способ хороший, когда видео с ютуба находится в попапе. И например, этот попап каким то из способов закрывается, но видео продолжает играть. Как быть ? Я это реализовал так: при клике на кнопку play запускалась функция которая генерирует innerHtml с фреймом(чтобы видео не прогружалось при открытии страницы дабы не кушать трафик, а при любом способе закрытия попапа я в этот блок вписывал innerHtml = "" ( то есть пустую строку). Таким образом видео прекращало воспроизведение, потому что нечему воспроизводиться. Надеюсь понятно объяснил суть.
Классно вышло!
Сильный спец.
спасибо, что выложили код)
Отличное видео, спасибо!
Да, это напоминает картинку с рисованием совы :) но логика понятна
Спасибо!
Спасибо, очень интересно
просто супер)
и еще вопрос в студию - есть ли возможность убрать элементы Ютуба с видео, по RUclips Player API Reference for EmbedsI не все убирается.
Тут не уверен, с этим API не работал, но обычно - нет. Если нужно убрать контролы или брендинг, тут только Vimeo.
Вадим, привет. Видео как всегда на высоте, спасибо за полезную инфу. Но ещё один вопрос не даёт спать по ночам. Вопрос таких псевдоэлементов :before / :after. Вставлять иконки и нехитрый доп контент - с этим все ясно. А как ещё можно использовать эти свойства? Есть ли какие то гуру-секреты?
Есть много разного. Например, хороший трюк: взять псевдоэлемент ссылки и растянуть на весь блок поверх контента, чтобы он блок был кликабельный, а ссылка была в логичном месте, например, на заголовке.