Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tuanpham-dev/youtube-loop-vuex
Repeat YouTube videos
https://github.com/tuanpham-dev/youtube-loop-vuex
javascript vue vuex youtube youtube-iframe-api
Last synced: 13 days ago
JSON representation
Repeat YouTube videos
- Host: GitHub
- URL: https://github.com/tuanpham-dev/youtube-loop-vuex
- Owner: tuanpham-dev
- Created: 2020-03-30T20:29:20.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T18:00:26.000Z (almost 2 years ago)
- Last Synced: 2024-10-28T11:19:54.290Z (2 months ago)
- Topics: javascript, vue, vuex, youtube, youtube-iframe-api
- Language: Vue
- Homepage: https://tuanpham-dev.github.io/youtube-loop-vuex/
- Size: 6.02 MB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 26
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# YouTube Loop in Vuex
Repeat YouTube videos. Demo: https://tuanpham-dev.github.io/youtube-loop-vuex/
## Features
- ✅ Add video to the list
- ✅ Remove video
- ✅ Play first video
- ✅ Play previous video
- ✅ Play next video
- ✅ Play next video when current video is ended
- ✅ Play first video when last video is ended
- ✅ Save the list to local storage for future sessions
- ✅ Sort videos in the list
- ✅ Configure volume for each video
- ✅ Configure start and end range for each video
- ❌ Prevent videos from rerendering when sort video
- ❌ Drag & drop to sort video
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).