React Lazyload Youtube

LazyLoad YouTube Videos

Generate Convert Improve

Install / Use

npx skills add ahakem/react-lazyload-youtube

Installs into whichever agent you are using.

About this skill

Quality Score

0/100

README

react-lazyload-youtube

Super lightweight LazyLoad YouTube Videos for faster page load and better performance

Install

npm install react-lazyload-youtube

yarn add react-lazyload-youtube

Demo

https://ahakem.github.io/react-lazyload-youtube/

Usage

import  Youtube  from 'react-lazyload-youtube'
import 'react-lazyload-youtube/dist/index.css'

const App = () => {
  return <Youtube width="640px" height="480px" videoId="mfxQy5A_tHs"/>
}

Props

Available Props
- videoId - string (Youtube Video ID)
- width - string (value in px or any unit) defult value : 100%
- height - string (value in px or any unit) defult value : 400px
- imgSize - string (default, hqdefault, mqdefault, sddefault, maxresdefault) defult value : mqdefault

License

MIT © ahakem

Related Skills

qqbot-channel

385.5k

QQ channel management skill. Use qqbot_channel_api for explicit QQ channel-management requests; confirm write, delete, and bulk actions before calling authenticated QQ Open Platform endpoints.

docs-writer

106.4k

Always use this skill when the task involves writing, reviewing, or editing files in the `/docs` directory or any `.md` files in the repository.

cpp

40.5k

Guide Cursor to write modern C++ and CMake code with clear structure, RAII, const-correctness, and safe error handling.

gamemaker-gml

40.5k

GameMaker Language (GML) rules for scripts, objects, events, rooms, data structures, and performance-minded game code