{"id":24985885,"url":"https://github.com/samjuk/youtube-seamless","last_synced_at":"2026-04-15T22:34:29.486Z","repository":{"id":87367362,"uuid":"120363436","full_name":"SamJUK/Youtube-Seamless","owner":"SamJUK","description":"Seamless playback of youtube videos","archived":false,"fork":false,"pushed_at":"2024-07-24T12:07:01.000Z","size":176,"stargazers_count":0,"open_issues_count":8,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-29T10:46:46.082Z","etag":null,"topics":["playback","seamless","vanilla-javascript","windows-10","youtube"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SamJUK.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-05T21:21:16.000Z","updated_at":"2019-01-02T23:04:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"94ddfd9d-b53f-485d-8b1d-8bd7b8ec3af2","html_url":"https://github.com/SamJUK/Youtube-Seamless","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/SamJUK/Youtube-Seamless","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamJUK%2FYoutube-Seamless","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamJUK%2FYoutube-Seamless/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamJUK%2FYoutube-Seamless/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamJUK%2FYoutube-Seamless/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SamJUK","download_url":"https://codeload.github.com/SamJUK/Youtube-Seamless/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SamJUK%2FYoutube-Seamless/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31863493,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-15T15:24:51.572Z","status":"ssl_error","status_checked_at":"2026-04-15T15:24:39.138Z","response_time":63,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["playback","seamless","vanilla-javascript","windows-10","youtube"],"created_at":"2025-02-04T10:59:23.317Z","updated_at":"2026-04-15T22:34:29.417Z","avatar_url":"https://github.com/SamJUK.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Youtube Seamless\nYoutube 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. \n\n\n# Content\n1. [Getting Started](#Getting-started)\n2. [Support Guide](#support-guide)\n\n\n# Getting Started\n- First add your DOM container for the youtube players to reside, and a buffer image to show while the inital video is buffering\n```html\n\u003cdiv id=\"overlay\"\u003e\n    \u003cimg class=\"bufferImage\" src=\"https://via.placeholder.com/1280x720\"/\u003e\n\u003c/div\u003e \n```\n- Next include the javascript libary in the footer of your application\n```html\n\u003cscript type=\"text/javascript\" src=\"path/to/libary/mixer.js\"\u003e\u003c/script\u003e\n```\n\n- Now you want to build your playlist and initate the playback, either by declaring indiviual playlist id's or creating a playlist\n```html\n\u003cscript type=\"text/javascript\"\u003e\n(function(){\n    SamJ_Mixer.gapi.key = 'YOUR_GAPI_KEY';\n    SamJ_Mixer.playlist.id = 'PLAYLIST_ID';\n})();\n\u003c/script\u003e\n```\n\n```html\n\u003cscript type=\"text/javascript\"\u003e\n(function(){\n    SamJ_Mixer.gapi.key = 'YOUR_GAPI_KEY';\n    SamJ_Mixer.playlist.push('VideoID', {start: 0, end: -1});\n    SamJ_Mixer.playlist.push('VideoID2', {start: 3, end: 20});\n    SamJ_Mixer.startPlayer();\n})();\n\u003c/script\u003e\n```\n\n# Support Guide\nNot guaranteed support, but seemed fine to me... ¯\\\\\\_(ツ)\\_/¯\n\nDesktop - Windows\n- [ ] Firefox     (-)         - W10 Native (16299)\n- [x] Firefox Dev (58.0b14)   - W10 Native (16299)\n- [x] Chrome      (63.0.3239) - W10 Native (16299)\n- [x] Edge        (41.16299)  - W10 Native (16299)\n\nDesktop - OSX\n- [x] Chrome      (63.0.3239) - High Sierra Native (10.13.2)\n- [x] Firefox Dev (59.0b6)    - High Sierra Native (10.13.2)\n- [x] Firefox     (57.0.4)    - High Sierra Native (10.13.2)\n- [x] Safari      (-)         - High Sierra Native (10.13.2)\n\n\nMobile - Android\n- [x] Chrome\n- [ ] Native (No Autoplay)\n- [ ] Firefox\n\n# Built With\n- [Youtube Api by Google](https://developers.google.com/youtube/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamjuk%2Fyoutube-seamless","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamjuk%2Fyoutube-seamless","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamjuk%2Fyoutube-seamless/lists"}