Skip to content

Releases: nishansanjuka/react-youtube-iframer

Initial Release

13 Nov 16:05
@nishansanjuka nishansanjuka
v1.1.0
540277e
Compare
Choose a tag to compare
Initial Release Latest
Latest

Based on the provided documentation, here is an initial release note for the first version of the @nishansanjuka/react-yt-framer package:

@nishansanjuka/react-yt-framer v1.1.0

🎉 Initial Release

We are excited to introduce the @nishansanjuka/react-yt-framer package, a fully-typed React component for embedding YouTube videos in Next.js applications with advanced playback controls and a customizable seekbar.

Key Features

  • 🎯 Full TypeScript Support: Built with TypeScript for excellent type safety and IntelliSense
  • 🎮 Advanced Controls: Play, pause, seek, and reset functionality
  • ⚡ Performance Optimized: Minimal re-renders and efficient state management
  • 🎨 Customizable: Easily style and extend components
  • 📱 Responsive: Works across all device sizes
  • 🔄 State Management: Built-in context for managing player state
  • 🎬 YouTube API Integration: Seamless integration with YouTube's IFrame API

Installation

# Using npm
npm install @nishansanjuka/react-yt-framer

# Using yarn
yarn add @nishansanjuka/react-yt-framer

# Using pnpm
pnpm add @nishansanjuka/react-yt-framer

Quick Start

import {
  YoutubePlayerProvider,
  YoutubePlayerWithSeekbar,
} from "@nishansanjuka/react-yt-framer";

function App() {
  return (
    <YoutubePlayerProvider>
      <YoutubePlayerWithSeekbar
        videoId="dQw4w9WgXcQ"
        className="aspect-video w-full"
      />
    </YoutubePlayerProvider>
  );
}

Documentation

Check out the README for detailed documentation, API reference, and examples.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

License

This project is licensed under the MIT License.

Assets 2
Loading