Made by@slashcloneEmbed YouTube videos without tracking cookies
@slashclone/privacy-friendly-youtube-embed
Embed YouTube videos on your site without loading anything from Google until the visitor presses Play or allows videos. A click-to-play placeholder with a local poster swaps in the youtube-nocookie.com player, with a keyboard-friendly button, no layout shift, CSP entries, and a Playwright test that proves no YouTube request happens first. React and HTML templates. Not legal advice.
SkillDevOpsv0.1.0
- Activity
- New: be the first to try it
- Installs
- 0 installs
- Likes
- 0 likes
- Clones
- 0 clones
No permission changes between 0.1.0 and 0.1.1.
SKILL.md
1 added, 1 removed
| @@ line 1 → 1 | ||
| 1 | 1 | --- |
| 2 | 2 | name: privacy-friendly-youtube-embed |
| 3 | Removed: description: Embed YouTube videos in a web app without loading anything from Google until the visitor asks. A click-to-play placeholder with a local poster, the youtube-nocookie.com player after the click or after consent, CSP entries only when embeds exist, an accessible play button, 16:9 sizing with no layout shift, and a test that proves no YouTube request happens first. Use when adding a YouTube video to a page, when asked to "embed this video", or when a privacy audit flags YouTube iframes or thumbnails. | |
| 3 | Added: description: "Embed YouTube videos in a web app without loading anything from Google until the visitor asks: a click-to-play placeholder with a local poster, the youtube-nocookie.com player after the click or after consent, CSP entries only when embeds exist, an accessible play button, 16:9 sizing with no layout shift, and a Playwright test that proves no YouTube request happens first. Reads consent from your existing consent layer. Engineering guidance, not legal advice. Use when adding a YouTube video to a page, when asked to \"embed this video\", for a GDPR-friendly or lazy-loaded YouTube embed, or when a privacy audit flags YouTube iframes, cookies, or thumbnails." | |
| 4 | 4 | --- |
| 5 | 5 | |
| 6 | 6 | # Privacy-friendly YouTube embed |
kit.json
18 added, 5 removed
| @@ line 1 → 1 | ||
| 1 | 1 | { |
| 2 | 2 | "name": "privacy-friendly-youtube-embed", |
| 3 | 3 | "owner": "slashclone", |
| 4 | Removed: "version": "0.1.0", | |
| 4 | Added: "version": "0.1.1", | |
| 5 | 5 | "type": "skill", |
| 6 | Removed: "description": "Embed YouTube videos that load nothing from Google until the visitor presses Play or allows embedded videos. A click-to-play placeholder with a local poster, the youtube-nocookie.com player, CSP entries only when embeds exist, a real keyboard-friendly button, 16:9 sizing with no layout shift, and a Playwright test that proves no YouTube request happens first. React and plain HTML templates. Reads consent from your consent layer.", | |
| 6 | Added: "title": "Embed YouTube videos without tracking cookies", | |
| 7 | Added: "description": "Embed YouTube videos on your site without loading anything from Google until the visitor presses Play or allows videos. A click-to-play placeholder with a local poster swaps in the youtube-nocookie.com player, with a keyboard-friendly button, no layout shift, CSP entries, and a Playwright test that proves no YouTube request happens first. React and HTML templates. Not legal advice.", | |
| 7 | 8 | "category": "devops", |
| 8 | 9 | "license": "MIT", |
| 9 | Removed: "compat": ["claude-code"], | |
| 10 | Added: "compat": [ | |
| 11 | Added: "claude-code" | |
| 12 | Added: ], | |
| 10 | 13 | "permissions": { |
| 11 | Removed: "network": ["www.youtube-nocookie.com", "www.youtube.com", "i.ytimg.com"], | |
| 14 | Added: "network": [ | |
| 15 | Added: "www.youtube-nocookie.com", | |
| 16 | Added: "www.youtube.com", | |
| 17 | Added: "i.ytimg.com" | |
| 18 | Added: ], | |
| 12 | 19 | "files": { |
| 13 | Removed: "read": ["./templates/**", "./src/**", "./app/**", "./components/**", "./public/**"], | |
| 20 | Added: "read": [ | |
| 21 | Added: "./templates/**", | |
| 22 | Added: "./src/**", | |
| 23 | Added: "./app/**", | |
| 24 | Added: "./components/**", | |
| 25 | Added: "./public/**" | |
| 26 | Added: ], | |
| 14 | 27 | "write": [ |
| 15 | 28 | "./src/components/**", |
| 16 | 29 | "./components/**", |