{"_id":"@anilkumarthakur/tiptap-extension-resize-youtube","_rev":"7-b23beaaf27c80221ca5e2da56d7248e4","name":"@anilkumarthakur/tiptap-extension-resize-youtube","dist-tags":{"latest":"0.0.7"},"versions":{"0.0.1":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.1","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.1","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"dist":{"shasum":"a4e3df5adcde4ab6a6461941908a698426db4c14","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.1.tgz","fileCount":6,"integrity":"sha512-T5jUWQM9vWrPvuYTM8jqx2C3dYj0tJ8z5iKLonwy7EvRMXom4ilIAer3m/fl5E4i13dvVnn+7gt3emGIhWJTZQ==","signatures":[{"sig":"MEQCIBi4S0WINKTAwdT7eYl1CBaaB3NVahEBGV/B5bb6/87EAiBzQ/nIGiQH9TbhA0P7WEarsX8wA/Sa9p0VsYNLgzwcww==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":314063},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"04c449ef835e0706237984dac51f8fc2ff03ceea","private":false,"scripts":{"dev":"vite","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","build":"tsc && vite build","format":"prettier --write src/","preview":"vite preview","format:check":"prettier --check src/"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"_npmVersion":"11.0.0","description":"## **Overview**","directories":{},"_nodeVersion":"22.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.11","eslint":"^9.19.0","globals":"^15.14.0","ts-node":"^10.9.2","prettier":"3.4.2","@eslint/js":"^9.19.0","typescript":"^5.7.3","@types/node":"^22.10.10","vite-plugin-dts":"^4.5.0","typescript-eslint":"^8.21.0"},"peerDependencies":{"@tiptap/extension-youtube":"^2.11.3"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-extension-resize-youtube_0.0.1_1737904909656_0.9733956058548985","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.2","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.2","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"dist":{"shasum":"03056b443566cd24f5d5ff9344f6d2c0f1757e81","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.2.tgz","fileCount":6,"integrity":"sha512-UZB5E6vdxnm5bonwN35xh+R9iaTJeMgvX4/Z/iBb39ncJRz9QEM1Is/6M5eTXG1JSSm+7UmUX2hkStujXQ1QLg==","signatures":[{"sig":"MEUCIAOoG95rpHr1RojfBCapvBMR0aMngZWkIOxGvs7pEHeBAiEAhsMZ3cnpA5jbiLeDXCIwHCOp9JTjIut3AFlmgr7wErU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":314165},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"385c17daa468431fb31857b0086ff0d6fdd4c356","private":false,"scripts":{"dev":"vite","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","build":"tsc && vite build","format":"prettier --write src/","preview":"vite preview","format:check":"prettier --check src/"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"_npmVersion":"11.0.0","description":"## **Overview**","directories":{},"_nodeVersion":"22.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.11","eslint":"^9.19.0","globals":"^15.14.0","ts-node":"^10.9.2","prettier":"3.4.2","@eslint/js":"^9.19.0","typescript":"^5.7.3","@types/node":"^22.10.10","vite-plugin-dts":"^4.5.0","typescript-eslint":"^8.21.0"},"peerDependencies":{"@tiptap/extension-youtube":"^2.11.3"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-extension-resize-youtube_0.0.2_1737905466919_0.9479983373731955","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.3","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.3","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"dist":{"shasum":"dbc9ff3a1c2372575bb2eb4e35dbacc37e1e2cbd","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.3.tgz","fileCount":6,"integrity":"sha512-uAB/0pRJ1MftwoHXZA2U5x7Zz9WMH4myvX5D7OHiz8qoAl6tAGCyZj3x7H+O0FIgWapR5/SaYFSBB47/+eOuQA==","signatures":[{"sig":"MEYCIQCCAyZGgDHOvjijrFkRR0Jjl4TE4RCYiEZ/PvrpE/lZhAIhAP98z9Ots8PrAbDd4U6B0M2L6fzwhVotyjvU1vzHX4vl","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":314161},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"6e2f21cd61e64e3f02af20074c60e7edc9ace6c0","private":false,"scripts":{"dev":"vite","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","build":"tsc && vite build","format":"prettier --write src/","preview":"vite preview","format:check":"prettier --check src/"},"_npmUser":{"name":"anilkumarthakur","actor":{"name":"anilkumarthakur","type":"user","email":"anilkumarthakur60@gmail.com"},"email":"anilkumarthakur60@gmail.com"},"_npmVersion":"11.0.0","description":"## **Overview**","directories":{},"_nodeVersion":"22.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.3.5","eslint":"^9.29.0","globals":"^16.2.0","ts-node":"^10.9.2","prettier":"3.5.3","@eslint/js":"^9.29.0","typescript":"^5.8.3","@types/node":"^24.0.3","vite-plugin-dts":"^4.5.4","typescript-eslint":"^8.34.1"},"peerDependencies":{"@tiptap/extension-youtube":"^2.11.3"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-extension-resize-youtube_0.0.3_1750211114042_0.9550619235455866","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.4","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.4","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"dist":{"shasum":"b8eded06f1ce1ecfedd3ab1854ec6ed3ba00614d","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.4.tgz","fileCount":6,"integrity":"sha512-o+6I457itqpxPrEv2Wvoj9AoX0Do2zLnbxnR30PLbXnuYWGEqfEJoYpXuNuZzWryBUUTN+84FDa9A6mgfZiZiQ==","signatures":[{"sig":"MEQCIHfSKIRvPOK4AFg8xpQ7gn1t/bUQD2qxj+pIq5ufudMVAiA2hNSatrINEFMuyesKvd9ISPaeq87XD9K+X2YtvCHs2Q==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":318684},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"3dd29c537b87237eedaaec86823ce5b7a3d0d1b4","private":false,"scripts":{"dev":"vite","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","build":"tsc && vite build","format":"prettier --write src/","preview":"vite preview","format:check":"prettier --check src/"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"_npmVersion":"10.9.4","description":"**YoutubeResize** is an extension for [TipTap](https://tiptap.dev/docs/editor/extensions/nodes/youtube) that adds **resizable YouTube iframes** with drag controls and alignment options. It allows users to dynamically adjust the video size and position dir","directories":{},"_nodeVersion":"22.21.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.3.1","eslint":"^9.39.2","globals":"^17.0.0","ts-node":"^10.9.2","prettier":"3.8.0","@eslint/js":"^9.39.2","typescript":"^5.9.3","@types/node":"^25.0.9","vite-plugin-dts":"^4.5.4","typescript-eslint":"^8.53.0"},"peerDependencies":{"@tiptap/extension-youtube":"^2.11.3"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-extension-resize-youtube_0.0.4_1768751852331_0.596785517560281","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.5","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"license":"MIT","_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.5","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://anilkumarthakur60.github.io/tiptap-extension-resize-youtube/","bugs":{"url":"https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube/issues"},"dist":{"shasum":"83420492923948b3cf2bb8d4cdf6cce60406b367","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.5.tgz","fileCount":2,"integrity":"sha512-vjmw9zUZE+H0Sp39uZIexhKMc2fiTEVJ7R9FQcMGmOVqi8myeyEgVF0S3irkCvbFJrNRRpSAC6eLe4ZD0xk1vA==","signatures":[{"sig":"MEYCIQCvupStMnfMpKvDj2ctcSiSAUBE6Kbs0SpBXl6GBFRcPQIhAJevEEAa1bpfoaA03zPrbwAFaIpSEVrypro/N/IP0e7c","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":5348},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"0ed292de3fa1f2971dfb305f9448bb55777dc103","private":false,"scripts":{"dev":"vite","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","build":"tsc && vite build","format":"prettier --write src/","preview":"vite preview","dev:demo":"cd example && npm run dev","docs:dev":"vitepress dev docs","build:demo":"vue-tsc -b && vite build -c demo-vite.config.ts","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs","format:check":"prettier --check src/"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"repository":{"url":"git+https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube.git","type":"git"},"_npmVersion":"10.9.4","description":"Resizable YouTube embed extension for TipTap with drag controls and alignment options","directories":{},"_nodeVersion":"22.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.24","vite":"^7.3.1","eslint":"^9.39.2","globals":"^17.0.0","ts-node":"^10.9.2","vue-tsc":"^3.1.4","prettier":"3.8.0","vitepress":"^2.0.0-alpha.15","@eslint/js":"^9.39.2","typescript":"^5.9.3","@types/node":"^25.0.9","@tiptap/vue-3":"^3.16.0","@vue/tsconfig":"^0.8.1","vite-plugin-dts":"^4.5.4","typescript-eslint":"^8.53.1","@vitejs/plugin-vue":"^6.0.1","@tiptap/starter-kit":"^3.16.0"},"peerDependencies":{"@tiptap/pm":"^3.15.3","@tiptap/extension-youtube":"^3.15.3"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-extension-resize-youtube_0.0.5_1768921809354_0.44122604874993065","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.6","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"license":"MIT","_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.6","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"homepage":"https://anilkumarthakur60.github.io/tiptap-extension-resize-youtube/","bugs":{"url":"https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube/issues"},"dist":{"shasum":"9564d5733476c2cf6e8ebcd7586a67233b13fca1","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.6.tgz","fileCount":6,"integrity":"sha512-12dsd6uHetbxvcONKnKZnwXOFM3OnHnaZ6rP2W8VqgJwEeSgB24O5St8/orI1owTqZdXvCWogS3sGA620MSB/w==","signatures":[{"sig":"MEYCIQCzRzIe6Y7UZLaWDnfnMJZUAbZWR4dkWaEwSmKyrUlhXwIhAI9qylxWZt34rL56vgDAhdJv/j1yPZq+LjZBWJCBD9dW","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":376637},"main":"dist/index.umd.js","type":"module","types":"dist/index.d.ts","module":"dist/index.es.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"gitHead":"f0ab81fb28cb42b7aa1d0bfe8e2f69de54facf52","private":false,"scripts":{"dev":"vite","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","build":"tsc && vite build","format":"prettier --write src/","preview":"vite preview","dev:demo":"cd example && npm run dev","docs:dev":"vitepress dev docs","build:demo":"vue-tsc -b && vite build -c demo-vite.config.ts","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs","format:check":"prettier --check src/"},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"repository":{"url":"git+https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube.git","type":"git"},"_npmVersion":"10.9.4","description":"Resizable YouTube embed extension for TipTap with drag controls and alignment options","directories":{},"_nodeVersion":"22.22.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.24","vite":"^7.3.1","eslint":"^9.39.2","globals":"^17.0.0","ts-node":"^10.9.2","vue-tsc":"^3.1.4","prettier":"3.8.0","vitepress":"^2.0.0-alpha.15","@eslint/js":"^9.39.2","typescript":"^5.9.3","@types/node":"^25.0.9","@tiptap/vue-3":"^3.16.0","@vue/tsconfig":"^0.8.1","vite-plugin-dts":"^4.5.4","typescript-eslint":"^8.53.1","@vitejs/plugin-vue":"^6.0.1","@tiptap/starter-kit":"^3.16.0"},"peerDependencies":{"@tiptap/pm":"^3.15.3","@tiptap/extension-youtube":"^3.15.3"},"_npmOperationalInternal":{"tmp":"tmp/tiptap-extension-resize-youtube_0.0.6_1768922042436_0.00046633737596457614","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@anilkumarthakur/tiptap-extension-resize-youtube","version":"0.0.7","description":"Resizable YouTube embed extension for TipTap with drag controls and alignment options","private":false,"type":"module","license":"MIT","homepage":"https://anilkumarthakur60.github.io/tiptap-extension-resize-youtube/","repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube.git"},"main":"dist/index.umd.js","module":"dist/index.es.js","types":"dist/index.d.ts","publishConfig":{"access":"public"},"exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.es.js","require":"./dist/index.umd.js"}},"scripts":{"dev":"vite","build":"tsc && vite build","preview":"vite preview","dev:demo":"cd example && npm run dev","build:demo":"vue-tsc -b && vite build -c demo-vite.config.ts","lint":"eslint . --ignore-pattern node_modules/ --ignore-pattern dist/ --ignore-pattern package-lock.json","format":"prettier --write src/","format:check":"prettier --check src/","docs:dev":"vitepress dev docs","docs:build":"vitepress build docs","docs:preview":"vitepress preview docs"},"devDependencies":{"@eslint/js":"^9.39.2","@tiptap/starter-kit":"^3.16.0","@tiptap/vue-3":"^3.16.0","@types/node":"^25.0.9","@vitejs/plugin-vue":"^6.0.1","@vue/tsconfig":"^0.8.1","eslint":"^9.39.2","globals":"^17.0.0","prettier":"3.8.1","ts-node":"^10.9.2","typescript":"^5.9.3","typescript-eslint":"^8.53.1","vite":"^7.3.1","vite-plugin-dts":"^4.5.4","vitepress":"^2.0.0-alpha.15","vue":"^3.5.24","vue-tsc":"^3.1.4"},"keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"peerDependencies":{"@tiptap/extension-youtube":"^3.15.3","@tiptap/pm":"^3.15.3"},"gitHead":"772f261439ca14a26d26fba7ebe6ffb7a30ab112","_id":"@anilkumarthakur/tiptap-extension-resize-youtube@0.0.7","bugs":{"url":"https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube/issues"},"_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-DmCJwMn+gHYcDKXH8d04huLVzLACV7OWqpd/V3SCV8tLqJEF/O5O4C7JDMbnDbncUWIVlEta6bJXG1qN/PI7Dg==","shasum":"c3a320e5cda07e1a6e6817077cd3bad8e0d8c3c5","tarball":"https://registry.npmjs.org/@anilkumarthakur/tiptap-extension-resize-youtube/-/tiptap-extension-resize-youtube-0.0.7.tgz","fileCount":6,"unpackedSize":376837,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCIEZbnTB/bXz8MrjnieYse55Y22a27CYvvDW+8AgdTxgIgNAtF81r2gSBrjcLX6eCbX88teE9/95ow+jAKwKhpjUw="}]},"_npmUser":{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"},"directories":{},"maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tiptap-extension-resize-youtube_0.0.7_1773936855329_0.5348221300362714"},"_hasShrinkwrap":false}},"time":{"created":"2025-01-26T15:21:49.544Z","modified":"2026-03-19T16:14:15.595Z","0.0.1":"2025-01-26T15:21:49.834Z","0.0.2":"2025-01-26T15:31:07.112Z","0.0.3":"2025-06-18T01:45:14.215Z","0.0.4":"2026-01-18T15:57:32.472Z","0.0.5":"2026-01-20T15:10:09.495Z","0.0.6":"2026-01-20T15:14:02.656Z","0.0.7":"2026-03-19T16:14:15.474Z"},"bugs":{"url":"https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube/issues"},"license":"MIT","homepage":"https://anilkumarthakur60.github.io/tiptap-extension-resize-youtube/","keywords":["tiptap","extension","youtube","resize","video","plugin","media","responsive","embed"],"repository":{"type":"git","url":"git+https://github.com/anilkumarthakur60/tiptap-extension-resize-youtube.git"},"description":"Resizable YouTube embed extension for TipTap with drag controls and alignment options","maintainers":[{"name":"anilkumarthakur","email":"anilkumarthakur60@gmail.com"}],"readme":"# **YoutubeResize - Resizable YouTube Embed for TipTap**\n\n## **Overview**\n\n**YoutubeResize** is an extension for [TipTap](https://tiptap.dev/docs/editor/extensions/nodes/youtube) that adds **resizable YouTube iframes** with drag controls and alignment options. It allows users to dynamically adjust the video size and position directly within the editor.\n\nThis extension enhances the default **TipTap YouTube extension** by introducing an **interactive UI** for resizing and aligning YouTube embeds.\n\n---\n\n## **Live Demo**\n\nšŸ‘‰ **Try it here:**\n[https://tiptap-extension-resize-youtube.vercel.app/](https://tiptap-extension-resize-youtube.vercel.app/)\n\n---\n\n## **Demo Preview**\n\n![YouTube Video Resizer Demo](https://raw.githubusercontent.com/anilkumarthakur60/tiptap-extension-resize-youtube/refs/heads/main/image.png)\n\n_Hover over videos to show controls, drag to resize, and use alignment buttons_\n\n---\n\n## **Features**\n\nāœ… **Resizable YouTube Iframes** ā€“ Drag corners to resize \nāœ… **Alignment Controls** ā€“ Align videos left, center, or right \nāœ… **Hover to Show Controls** ā€“ Controls appear on hover for a clean UI \nāœ… **Click Support** ā€“ Click to also show/hide controls \nāœ… **Auto-Hide UI** ā€“ Controls hide when mouse leaves or outside click \nāœ… **Seamless TipTap Integration** ā€“ Works with existing YouTube embeds \nāœ… **Framework Agnostic** ā€“ Compatible with Vue, React, Angular, and more\n\n---\n\n## **Installation**\n\n### **Step 1: Install the Extension**\n\n**npm**\n\n```sh\nnpm install @anilkumarthakur/tiptap-extension-resize-youtube\n```\n\n**yarn**\n\n```sh\nyarn add @anilkumarthakur/tiptap-extension-resize-youtube\n```\n\n**pnpm**\n\n```sh\npnpm add @anilkumarthakur/tiptap-extension-resize-youtube\n```\n\n**bun**\n\n```sh\nbun add @anilkumarthakur/tiptap-extension-resize-youtube\n```\n\n---\n\n## **Usage**\n\n### **Step 2: Import and Use in TipTap Editor**\n\n```ts\nimport { YoutubeResize } from '@anilkumarthakur/tiptap-extension-resize-youtube'\n\nnew Editor({\n extensions: [\n ...OtherExtensions,\n YoutubeResize.configure({\n controls: true,\n nocookie: true,\n width: 640,\n height: 480,\n allowFullscreen: true,\n autoplay: false\n })\n ],\n ...OtherOptions\n})\n```\n\n---\n\n## **How It Works**\n\n- **Hover over** an embedded YouTube video to show resize handles and alignment controls\n- **Drag the corner dots** to resize the iframe dynamically\n- **Click alignment buttons** to move the video left, center, or right\n- **Move mouse away** or **click outside** to hide controls\n- **Click on the video** also toggles controls\n\n---\n\n## **Why Use YoutubeResize?**\n\nUnlike the default TipTap **YouTube extension**, **YoutubeResize** provides a **visual and intuitive way** to resize and align YouTube videos **without manually editing HTML attributes**.\n\nPerfect for content editors, CMS tools, and rich-text platforms.\n\n---\n\n## **Compatibility**\n\n- Works with **Vue, React, Angular**, and any framework using TipTap\n- Requires `@tiptap/extension-youtube` as a dependency\n\n---\n\n## **License**\n\nMIT License ā€” free to use in commercial and open-source projects.\n\n---\n\n## **Contributing**\n\nContributions are welcome!\nFeel free to open issues or submit pull requests.\n\n---\n\nšŸš€ **Happy Coding!** šŸš€\n","readmeFilename":"README.md"}