В этом блоге я расскажу, как можно создать веб-приложение для поиска видео с помощью API Youtube V3, а также буду использовать HTML и javascript для создания веб-приложения.

Предпосылки

Перед тем, как мы углубимся, у нас должны быть некоторые требования заранее.
1. Нужно иметь базовые знания HTML.
2. Нужно иметь базовые знания javascript.
3. Один должен быть гугл-аккаунт.

Включите API Youtube V3 и создайте ключ API.

Во-первых, чтобы получить доступ к API, нам нужно войти в Google Credentials — (https://console.developers.google.com/apis/credentials). Затем в поле поиска найдите v3, выберите Youtube Data API V3 и включите его.

После включения API выберите учетные данные на левой панели›+создать учетные данные›Ключ API и создайте собственный ключ API.

Создание макета веб-приложения с использованием HTML и CSS

Теперь давайте создадим простой макет веб-приложения, то есть то, как наше веб-приложение будет выглядеть с использованием HTML и CSS. Вы можете спроектировать веб-приложение по своему усмотрению, здесь я сделаю простой макет с помощью HTML и немного улучшу его внешний вид с помощью начальной загрузки. Имя файла HTML — «index.html», а файла javascript — «script.js», вы можете использовать любое имя, но правильно связать их.
Ниже приведен код в файле HTML:

Итак, наше веб-приложение теперь выглядит так:

Напишите код в файле script.js, чтобы получить видео

На данный момент мы создали макет нашего веб-приложения. Теперь нам нужно будет написать код в файле script.js (если он не создан, создайте его в корневой папке, где у вас есть файл index.html или HTML). Итак, в javascript мы создадим функцию, которая будет принимать ключ API, поисковый запрос и количество видео и предоставлять нам видео для этого поискового запроса.
Ниже приведен код в файле javascript: -

Завершение нашего приложения и тестирование

Итак, теперь наше приложение готово, и теперь мы можем искать видео в нашем приложении и получать результаты.
BOOM

Если возникает какая-либо ошибка или видео не загружаются, проверьте консоль на наличие ошибок, щелкните правой кнопкой мыши веб-страницу›проверить›консоль или нажмите crtl+shift+i, затем перейдите на вкладку консоли.

Вывод

В этом блоге мы обсудили, как включить API данных YouTube v3 и как его использовать. Мы также создали веб-приложение для поиска видео с помощью API. Надеюсь, вам понравился этот краткий урок.

Развлекайтесь.