Скачать "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки"

Обложка аудиозаписи

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

Следующее видео: Урок 31. Работа с заказчиками | Курс Веб разработчик | Академия верстки

Урок 31. Работа с заказчиками | Курс Веб разработчик | Академия верстки

Урок 31. Работа с заказчиками | Курс Веб разработчик | Академия верстки

Канал: Glo Academy

верстка

Артем Исламов

Glo Academy

видео уроки

курсы

создание сайтов

веб-разработка

курсы программирования

веб программист курсы

веб программирование с нуля

курс веб-разработчик 12.0

курс веб разработчика бесплатно

курс веб разработчика

онлайн курсы веб разработчика

курс веб-разработчик

веб разработчик исламов веб-разработчик

курс веб-разработчик исламов

веб-разработчик

академия верстки

gloacademy

уроки верстки

как создать сайт

css

html

Гео-карты на сайте

00:00:02

академия верстки вы сейчас находитесь в

00:00:04

плей-листе который называется

00:00:06

web-разработчик

00:00:07

10 поток это записи нашего закрытого

00:00:09

курса мы их бесплатно выкладываем на

00:00:12

youtube но мы не выложили домашние

00:00:14

задания и дипломный проект от этого

00:00:16

курса для того чтобы получить полный

00:00:17

доступ ко всем домашкам дипломом и так

00:00:20

далее вам необходимо перейти по ссылке в

00:00:22

описании или вот там справа в углу будет

00:00:25

значок информации вы можете кликнуть

00:00:27

туда и перейти по ссылке затем вы

00:00:29

оплачиваете полный доступ ко всем

00:00:32

домашкам и дипломным проектом указывайте

00:00:35

свою почту и после этого получаете

00:00:36

доступ

00:00:37

полностью к записям курсы веб

00:00:39

разработчик десять ноль со всеми

00:00:41

модулями со всеми заданиями

00:00:42

дополнительными заданиями со всеми видео

00:00:44

уроками которые здесь есть как вы знаете

00:00:47

мы обычно прикрепляем к каждому нашему

00:00:50

уроку дополнительные документы

00:00:52

дополнительные материалы макеты

00:00:54

ну и дополнительные ссылки поэтому если

00:00:57

вы хотите получить полный доступ ко всем

00:00:59

записям и не ждать пока они выйдут на ю

00:01:01

тубе вы можете перейти по ссылке в

00:01:03

описании и оплатить приятного просмотра

00:01:05

этого урока до скорой встречи

00:01:06

всем привет с вами артём и сломав мы

00:01:09

продолжаем изучать основы вайп

00:01:10

разработки сегодня у нас урок про гиа

00:01:13

карты на сайте дело в том что очень

00:01:15

часто на на страничках или

00:01:17

многостраничных сайтах требуется

00:01:19

установить отметку на карте

00:01:20

это может быть сделано ради нескольких

00:01:22

целей чтобы показать где находится в

00:01:25

офис компании чтобы показать как проехать к этому

00:01:28

офису для этого используется навигация

00:01:30

дубль гис и так далее для использования

00:01:33

индекс google или дубльгис карт мы будем

00:01:36

использовать в основном конструкторы но

00:01:39

и рассмотрим пример из песочницы яндекса

00:01:42

как настроить карту под себя при помощи

00:01:44

java-script так как для новичков это

00:01:46

темы сложная я свищу и очень коротко и

00:01:50

поэтому обязательным пунктом это не

00:01:53

будет являться

00:01:54

итак первые карты который мы рассмотрим

00:01:56

это будет карты от яндекса

00:01:57

воспользоваться яндекс картами гораздо

00:02:00

проще чем любыми другими картами за счет

00:02:03

того что у яндекса есть очень удобный

00:02:05

конструктор карт поэтому мы ищем

00:02:07

конструктор карт индекс он бесплатный

00:02:10

не требует каких-то специальных навыков

00:02:13

мы просто открываем конструктор карт

00:02:15

можем сохранять объекты

00:02:17

давая им название например пример из

00:02:20

видео урока

00:02:21

а здесь будет описание эту карту я

00:02:23

использую для урока и здесь мы находим

00:02:26

например курская 25 казань

00:02:29

отлично мы можем выбрать цвет отметки

00:02:32

формат этой отметки и даже изображений

00:02:35

на этой отметке например вот так мы

00:02:37

можем выбрать размер зум и позицию карты

00:02:42

то есть все это настраивается без

00:02:44

каких-то особых навыков есть вот таким

00:02:46

вот образом мы сохраняем эту карту

00:02:49

показываем где отметка должна находиться

00:02:51

на нашей карте и настроек здесь

00:02:54

несколько это может быть интерактивная

00:02:57

карта которая будет двигаться на сайте

00:02:59

это может быть статическая карта которая

00:03:01

не двигается она будет виде

00:03:02

пензе изображения есть еще печатная на

00:03:05

высоком разрешении поэтому пригодится

00:03:08

больше для печати как в качестве атласа

00:03:10

мы будем использовать интерактивную

00:03:12

карту причем есть возможность растянуть

00:03:14

эту карту по ширине то есть если у нас

00:03:16

блок

00:03:17

например занимает 6 колонок или четыре

00:03:19

колонки мы просто устанавливаем параметр

00:03:21

растянуть по ширине и карта становится

00:03:23

резиновый по ширине

00:03:24

единственный момент что высота должна

00:03:27

быть обязательно фиксированной должна

00:03:28

быть обязательно в пикселях

00:03:29

ну в нашем случае 400 пикселей жмем

00:03:33

получить код карты и вставляем вот этот

00:03:35

вот скрипт в любом месте где должна быть

00:03:38

наша карта откроем наш документ здесь у

00:03:41

меня стандартная базовая разметка

00:03:43

bootstrap есть контейнер и давайте я

00:03:45

создам новый роу внутри которого будет

00:03:48

call md скажем 6 на 2 и в первым кмт-6

00:03:52

будет например адрес нашей компании

00:03:55

где будет написан этот адрес например

00:03:58

узкая 25 вот таким вот образом то есть

00:04:01

это будет т.п. внутри которого будет

00:04:02

написан адрес компании например телефон

00:04:05

нашей компании и здесь будет написано

00:04:07

например телефон 8

00:04:10

вот таким вот образом ну и здесь может

00:04:12

быть множество информации не знаю

00:04:14

заголовок третьего уровня как нас найти

00:04:17

очень распространенная ситуация на сайте

00:04:19

его здесь мы вставим собственно скрип от

00:04:22

яндекса и что мы получим в результате

00:04:24

перейдем на сайт и мы видим что здесь

00:04:26

есть информация как нас найти адрес

00:04:29

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

00:04:31

интерактивную карту которую можно

00:04:32

приближать

00:04:33

удалять и выстраивать маршруты для этого

00:04:36

собственно нам не пришлось ничего такого

00:04:38

изобретать то есть все уже было готово и

00:04:40

все достаточно хорошо работает при этом

00:04:43

если вдруг вас меняется разметка то есть

00:04:46

картера занимает всю ширину то есть мы

00:04:48

не ограничиваемся фиксированной шириной

00:04:50

карты вот таким вот образом

00:04:52

еще один момент когда мы крутим колесико

00:04:53

мыши на карте а нас кролик это не совсем

00:04:56

удобно если например карта занимает всю

00:04:58

ширину экрана то пользователь может

00:04:59

очень сильно раздражаться того что

00:05:01

скроется не сайт а сама карта для того

00:05:04

чтобы этого не было scroll чжу параметр

00:05:06

мы меняем на scrolls и все

00:05:09

и карта не скроется движением мыши то

00:05:12

есть оно не скроется с кролик страница

00:05:13

чтобы увеличивать или уменьшать масштаб

00:05:15

можно воспользоваться этими ползунками

00:05:17

очень важный момент на который я хочу

00:05:19

обратить внимание нельзя закрывать

00:05:21

отметку что это карта сделано с

00:05:23

использованием яндекса

00:05:25

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

00:05:28

бесплатно без каких-либо дополнительных

00:05:30

условий ограничений нужно обязательно

00:05:32

сделать чтобы эта карта было видно что

00:05:35

она была сделана в яндексе это

00:05:37

требование политики яндекса и условии

00:05:39

использования

00:05:40

поэтому никакими логотипами другими

00:05:42

посторонними вещами перекрывать эту

00:05:44

карту ни в коем случае нельзя как вы

00:05:46

заметили ничего сложного в использовании

00:05:49

яндекс карт на конструкторе нет и сейчас

00:05:51

я перейду в конструктор и поменяю эту

00:05:54

карту то есть я вернусь к редактированию

00:05:56

этой карты и в виду другой адрес

00:05:58

ведем например адрес кремлевская один

00:06:01

кремлевская один ввели другой адрес

00:06:04

здесь будет адрес нашей точки вот эту

00:06:08

точку можно удалить я сохраняю карту

00:06:11

здесь в конструкторе то есть я здесь в

00:06:14

конструкторе это все меняю

00:06:17

получаю код карты но его менять не нужно

00:06:19

на самом деле я сохранил так как есть и

00:06:21

на сайте теперь будет другая информация

00:06:24

как вы видите поменялся адрес

00:06:27

я не залезал в код мы недостаточно было

00:06:30

изменить это все в конструкторе карт это

00:06:32

очень удобно например если у

00:06:34

пользователя очень часто на сайте будет

00:06:35

меняться адрес ему можно будет поменять

00:06:37

карты самостоятельно вот так

00:06:40

используется

00:06:41

яндекс карты с использованием

00:06:43

конструктора но так же есть еще и яндекс

00:06:46

карты для сайта мы можем ими управлять

00:06:48

через так называемый и pr и 5 яндекс

00:06:51

карт мы заходим в яндекс карты так

00:06:54

yandex.ru maps здесь есть бесплатный и

00:06:57

pr в бесплатными и пиаре есть

00:07:00

документация к этому самому и пей

00:07:02

написано эти карты и управляются через

00:07:04

java script поэтому мы можем зайти java

00:07:07

script и 5 и перейти на пример в клуб

00:07:10

разработчиков посмотреть различные

00:07:12

модули для cms документацию и так далее

00:07:15

все оформлено очень подробно как

00:07:18

подключить эту карту как ее настроить

00:07:21

создать как разместить здесь отметку

00:07:24

свою они стандартную отметку индексом

00:07:27

теперь я хотел бы показать ту самую

00:07:29

песочницу потому что в песочнице очень

00:07:31

много интересных примеров по этой карте

00:07:33

например если мы перейдем в песочницу и

00:07:36

мы можем задать собственное изображение

00:07:39

для нашей метод примеру заказчик хочет

00:07:41

разместить на сайте логотип своей

00:07:43

компании на карте

00:07:45

и мы спокойно можем реализовать эту

00:07:47

отметку при помощи api яндекс карт

00:07:49

например ну давайте найдем например у

00:07:51

нас какая-нибудь так это здесь так так

00:07:53

так вот например у нас вот такой логотип

00:07:56

компании есть он у нас формате png

00:07:58

например 64 пикселя шириной скачиваем

00:08:01

его вот он этот логотип нашего заказчика

00:08:04

я его перенесу в нашу папку

00:08:07

и в папке m&g будет храниться наш

00:08:09

логотип и для того чтобы разместить

00:08:11

карту на нашем сайте с этим логотипом

00:08:14

все что нам нужно сделать это подключить

00:08:16

яндекс карты при помощи этой

00:08:18

заходим в новой вкладке java-script

00:08:21

теперь переходим в документацию и яндекс

00:08:23

карт и подключаем сначала подключаем

00:08:26

api вот таким вот образом нужно

00:08:28

подключить и pr

00:08:30

наш конструктор мы удаляем конструктор

00:08:34

это конечно легко но он не достаточно

00:08:36

гибкий теперь я after head добавлю

00:08:38

скрипт который ссылается на api яндекс

00:08:41

карт теперь при помощи этого api

00:08:43

я могу настроить яндекс карты здесь

00:08:45

внизу я напишу скрипт и начну настройку

00:08:48

нашей карты для этого мне нужно создать

00:08:50

элемент с идентификатором map ну или

00:08:53

любым другим идентификаторам и задать

00:08:55

ему стиле например высоту и ширину я

00:08:59

воспользуюсь вот этой вот болванкой так

00:09:01

скажем готовым шаблонам ширина у него

00:09:05

будет сто процентов а высота 400

00:09:07

пикселей я не буду лезть в стиле при чтобы сейчас

00:09:09

не уводить фокус вашего внимания от

00:09:11

нужных вещей и так мы создали

00:09:13

идентификатор стиле мы можем задать

00:09:15

спокойные через css но самое главное что

00:09:17

теперь мы можем создать эту карту для

00:09:20

этого нам нужно создать новую переменную

00:09:21

warm-up создать при помощи функции new

00:09:25

maps новую карту указать идентификатор

00:09:28

на которой мы ссылаемся и внутри указать

00:09:31

параметры этой карты где будет находиться центр

00:09:34

этой карты и указываем координату ширину

00:09:36

и долготу и указываем размер

00:09:38

зума то есть насколько близко должна

00:09:41

находиться карта то есть все управление

00:09:43

карты теперь переходит в java script но

00:09:45

мы воспользуемся готовым на вариантом

00:09:47

итак у нас лаймов среди function находим просто

00:09:51

копируем все что у нас здесь есть и

00:09:55

вставляем вот сюда и так в наш

00:09:58

идентификатор map будет помещена карта

00:10:00

которая в центр который находится в

00:10:03

точке 55-75 1574

00:10:06

и 3750 7-8 56 зум у нас будет 9

00:10:11

собственно нас интересует вот что майкл

00:10:14

см арк то есть нам нужно создать отметку

00:10:17

на карте то есть мы создаем отметку на

00:10:19

карте это собственные значок метки то есть

00:10:21

этот контент будет раскрываться при

00:10:22

наведении или при клике боло контент эта

00:10:25

красивая метка и дальше айкон layout дефолт имидж и мы

00:10:29

здесь заменяем ссылку на нашу картинку

00:10:32

она у нас находится в папке anim g и

00:10:33

называется полет пиджей мы указываем ее

00:10:37

размер 64 на 64 внос она по моему

00:10:40

давайте так и сделаем

00:10:41

64 на 64 и смещаем мы эту иконку ну

00:10:45

например по вертикали и по горизонтали

00:10:48

на минус 32 на минус 32 то есть на

00:10:53

половину ширины и

00:10:55

на всю ширину точнее на всю высоту чтобы

00:10:58

отметка на этой карте было именно внизу

00:11:00

этой картинки все что нам остается это

00:11:02

добавить на нашу карту

00:11:04

нашу отметку переходим в песочницу и

00:11:08

здесь вот собственно здесь не все скачал

00:11:11

да так нам нужно было вот вот эту вот

00:11:14

штуку здесь еще есть возможность его из

00:11:18

контент добавить но мы ее не будем

00:11:20

использовать здесь модулем запятую и

00:11:22

добавляем просто белкарт так стоп нам

00:11:26

нужно еще закрыть здесь не до конца скопировал

00:11:28

весь код который у нас здесь был а ну

00:11:30

здесь вот них вот это вот и вот пипочки

00:11:32

которое закрывает наш контент до конца

00:11:36

все отлично теперь должно сработать и

00:11:39

так у нас появилась карта где есть наш

00:11:42

собственный значок при наведении у нас

00:11:44

видно что это наш собственный значок при

00:11:46

клике раскрывается контент этой метке как вы

00:11:49

видите на изображении на самом деле

00:11:51

слишком большое центр нашей карты вот

00:11:54

здесь почему-то на реке но суть в том

00:11:56

что если мы хотим разместить там

00:11:58

собственное изображение мы можем сделать

00:12:00

это при помощи вот этого скрипта то есть

00:12:02

мы можем здесь подписывать значок

00:12:04

подпись при наведении сохраним

00:12:07

перезагрузим карту и здесь будет подпись

00:12:09

при наведении а здесь подпись при клике

00:12:11

писание при клике и появятся описание

00:12:14

нашего объекта при клике

00:12:16

соответственно дополнять и настраивать

00:12:19

эту карту можно как угодно я надеюсь это

00:12:22

понятно теперь перейдем к картам

00:12:24

от google как работают те же самые карты

00:12:27

только от google на самом деле точно так

00:12:30

же как и и конструкторы яндекс карт

00:12:32

у google карт точно также есть api но он

00:12:35

достаточно сложный для понимания новичка

00:12:37

и поэтому мы на нем подробно

00:12:39

останавливаться не будем мы остановимся

00:12:41

подробно на конструкторе карт google

00:12:43

карты гугл мэпс гугл мэпс google.com

00:12:46

находим здесь кремлевскую один нашли

00:12:50

кремлевскую один вот эта отметка и

00:12:52

теперь мы можем нажать вот сюда меню

00:12:55

ссылка код и мы можем вставить короткий

00:12:57

url или воспользоваться кодом это

00:13:01

индивидуальная карта работает она через

00:13:03

айфрейм то есть уже не через скрипт как

00:13:05

яндекс и мы можем скопировать этот

00:13:07

айфрейм нажимаем kontrol ц вставляем туда где у

00:13:10

нас должна быть карта например в колен

00:13:12

до 6 устанавливаем ширину

00:13:15

например 100 процентов высота также

00:13:17

будет 450

00:13:18

сохраняем и получаем те же самые google

00:13:23

карты вот такой вот принцип работы то

00:13:27

есть

00:13:28

настраивать эти карты точно также можно

00:13:30

очень подробно через ebay но в рамках

00:13:33

этого курса мы не рассматриваем api

00:13:34

google карт с этим понятно что же делать

00:13:38

если у нас например есть требования

00:13:40

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

00:13:42

пишем карты

00:13:43

дубль гис для сайта и там есть раздел

00:13:46

разработчикам и оттуда собственно мы

00:13:48

можем скачать и настроить карты от дубль

00:13:50

гис и 5 дубльгис супер быстро круто

00:13:55

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

00:13:58

как и яндекс карты мы создаем можно

00:14:01

например сбербанк взять

00:14:02

возьмем вавилова 19 вот сбербанк отлично

00:14:06

выбрали объект дальше соглашаемся с

00:14:08

условиями пользования получаем код и вот

00:14:11

этот вот код мы вставляем вместо наших

00:14:14

карт как видите все тоже очень просто

00:14:17

здесь есть управляемые

00:14:19

настройки точно также есть подробный

00:14:22

теперь вот так вот выглядят уже карты от

00:14:25

дубльгис

00:14:26

здесь можно найти вход можно настроить

00:14:29

путь до этого объекта

00:14:31

ну и в целом пользоваться очень

00:14:33

подробными самыми подробными картами

00:14:34

городов

00:14:35

вот дубльгис на этом у меня все урок

00:14:38

закончен выполняйте домашнее задание и

00:14:40

увидимся с вами в следующих уроках с

00:14:42

вами был артем исламов до скорой встречи

00:14:44

пока пока

00:14:45

тоже я надеюсь этот урок вам понравился

00:14:47

и вы приступите к выполнению домашнего

00:14:49

задания для того чтобы получить домашку

00:14:51

к этому уроку вам напоминаю что нужно

00:14:53

перейти по ссылке в описании или вот там

00:14:56

справа в углу оплатить доступ к занятиям

00:15:00

это стоит 990 рублей вы получите все

00:15:02

домашки все необходимые материалы и

00:15:04

уроки как я уже говорил все это выглядит

00:15:06

вот таким вот образом каждому уроку

00:15:08

музыки прикрепляем дополнительные

00:15:09

материалы задания макеты и так далее

00:15:12

всего за этот курс вы получите огромное

00:15:14

количество уроков всяких разных анкет

00:15:16

всевозможных ссылок дополнительных

00:15:18

материалов и даже записи наших прямых

00:15:20

трансляций с ответами на вопросы вот в

00:15:22

общем то и все переходите по ссылке в

00:15:25

описании и получаете полный доступ к

00:15:27

этому курсу

Описание:

Ссылка на полный плейлист: https://www.youtube.com/playlist?list=PL3LQJkGQtzc5G7wIQfVqBMEprmTKZIaXf Это закрытые записи курса веб-разработчик 10.0. Получите полный доступ к домашкам, макетам и дипломному проекту. Переходите по ссылке 👉 https://study.up-skills.ru/web_dex_x Подпишитесь на канал, если вам нравятся эти видео: https://www.youtube.com/channel/UCVswRUcKC-M35RzgPRv8qUg?sub_confirmation=1 Больше контента в нашей группе Вконтакте https://vk.com/glo_academy Присоединяйтесь к нашему сообществу Discord https://discord.com/invite/k5XzZ68 Чтобы записаться на мой курс по основам веб-разработки, напиши в нашу группу и мой ассистент скажет тебе, что делать дальше: https://vk.me/glo_academy Прочитай мою историю в блоге: https://vk.com/islamov_blog Мой канал в telegram "Лысый из браузера" https://tele.click/baldfrombrowser Чтобы заказать рекламу на канале, пишите в личку вконтакте: https://vk.me/aislam23 или telegram https://t.me/aislam23 ----------- Я использую хостинг Link Host с 2014 года https://link-host.net/hosting/ Телеграм-каналы с дизайн-макетами для тренировки вёрстки: https://ttttt.me/figma2html https://ttttt.me/figma_start https://ttttt.me/figmatamplates Каналы с крутыми фичами на CSS и JavaScript: https://ttttt.me/codepen_js https://ttttt.me/css_features Канал с терминами для айтишников: https://ttttt.me/slang_it Канал, где публикуют ссылки на полезные сервисы и сайты: https://ttttt.me/linkforwork

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "Урок 22. Гео-карты на сайте | Курс Веб разработчик | Академия верстки"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.