https://github.com/samjuk/youtube-seamless
Seamless playback of youtube videos
https://github.com/samjuk/youtube-seamless
playback seamless vanilla-javascript windows-10 youtube
Last synced: 2 months ago
JSON representation
Seamless playback of youtube videos
- Host: GitHub
- URL: https://github.com/samjuk/youtube-seamless
- Owner: SamJUK
- Created: 2018-02-05T21:21:16.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2024-07-24T12:07:01.000Z (almost 2 years ago)
- Last Synced: 2025-03-29T10:46:46.082Z (about 1 year ago)
- Topics: playback, seamless, vanilla-javascript, windows-10, youtube
- Language: JavaScript
- Homepage:
- Size: 172 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 8
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Youtube Seamless
Youtube Seamless is a javascript libaray that allows for playback of youtube videos and aims to remove the buffering between each of the videos. By initating the playback of the next video before the current active one finishes, using the buffer time of the previous video.
# Content
1. [Getting Started](#Getting-started)
2. [Support Guide](#support-guide)
# Getting Started
- First add your DOM container for the youtube players to reside, and a buffer image to show while the inital video is buffering
```html
```
- Next include the javascript libary in the footer of your application
```html
```
- Now you want to build your playlist and initate the playback, either by declaring indiviual playlist id's or creating a playlist
```html
(function(){
SamJ_Mixer.gapi.key = 'YOUR_GAPI_KEY';
SamJ_Mixer.playlist.id = 'PLAYLIST_ID';
})();
```
```html
(function(){
SamJ_Mixer.gapi.key = 'YOUR_GAPI_KEY';
SamJ_Mixer.playlist.push('VideoID', {start: 0, end: -1});
SamJ_Mixer.playlist.push('VideoID2', {start: 3, end: 20});
SamJ_Mixer.startPlayer();
})();
```
# Support Guide
Not guaranteed support, but seemed fine to me... ¯\\\_(ツ)\_/¯
Desktop - Windows
- [ ] Firefox (-) - W10 Native (16299)
- [x] Firefox Dev (58.0b14) - W10 Native (16299)
- [x] Chrome (63.0.3239) - W10 Native (16299)
- [x] Edge (41.16299) - W10 Native (16299)
Desktop - OSX
- [x] Chrome (63.0.3239) - High Sierra Native (10.13.2)
- [x] Firefox Dev (59.0b6) - High Sierra Native (10.13.2)
- [x] Firefox (57.0.4) - High Sierra Native (10.13.2)
- [x] Safari (-) - High Sierra Native (10.13.2)
Mobile - Android
- [x] Chrome
- [ ] Native (No Autoplay)
- [ ] Firefox
# Built With
- [Youtube Api by Google](https://developers.google.com/youtube/)