Closed frylock34 closed 3 years ago
In GitLab by @frylock34 on Jul 7, 2020, 09:20
YoutubeChannel.vue
Сделать панель с прокручивающимися карточками влево/вправо https://vuetifyjs.com/en/components/slide-groups/ Каждая карточка содержит <iframe> с видео с youtube
<iframe>
Получаем список из последних видео по запросу
https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UCgpK6bZ6uaGyIGB2jp-aTUw&maxResults=10&order=date&key=AIzaSyCnwZ9Tr1FBOgQeOeSDGxJgs6wFlUizmjE
Берем videoId из items.id.videoId и вставляем в код
videoId
items.id.videoId
<iframe width="100%" height="500uv" :src=`https://www.youtube.com/embed/${videoId}` frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
Также добавить свойство в компонент playlistId и если оно не пустое отображать видео из определенного youtube плейлиста. Видео плейлиста получаем по запросу
playlistId
https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=10&playlistId=${playlistId}&key=AIzaSyCnwZ9Tr1FBOgQeOeSDGxJgs6wFlUizmjE
In GitLab by @frylock34 on Jul 9, 2020, 16:08
closed
In GitLab by @frylock34 on Jul 7, 2020, 09:20
Компонент
YoutubeChannel.vue
Сделать панель с прокручивающимися карточками влево/вправо https://vuetifyjs.com/en/components/slide-groups/ Каждая карточка содержит
<iframe>
с видео с youtubeПолучаем список из последних видео по запросу
Берем
videoId
изitems.id.videoId
и вставляем в кодТакже добавить свойство в компонент
playlistId
и если оно не пустое отображать видео из определенного youtube плейлиста. Видео плейлиста получаем по запросу