Bright YouTube

Bright YouTube is a simple React component designed to embed YouTube videos while hiding specific UI elements from the YouTube player, such as buttons and overlays.

Table of Contents

• Features
• Installation
• Usage
• Props
• License
• Contributing
• Contact

Features

• Embed YouTube videos seamlessly in your React application.
• Hide unwanted UI elements from the YouTube player for a cleaner look.
• Responsive design, adapting to any container size.

Installation

You can install Bright YouTube via npm. Run the following command in your project directory:

npm install bright-youtube

Usage

To use the Bright YouTube component, import it into your React component and pass the desired YouTube video URL as a prop.

import React from 'react';
import BrightYouTube from 'bright-youtube';

const App = () => {
    return (
        <div>
            <BrightYouTube url="https://www.youtube.com/watch?v=Dx4dX7zyJoE" />
        </div>
    );
};

export default App;

Props

| Prop | Type | Required | Description | |--------|----------|----------|---------------------------------------------------| | url | string | Yes | The URL of the YouTube video to be embedded. It should be in the format: https://www.youtube.com/watch?v=VIDEO_ID. |

Example

<BrightYouTube url="https://www.youtube.com/watch?v=Dx4dX7zyJoE" />

License

This project is licensed under the MIT License. See the LICENSE file for more details.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.

Contact

Visit my website at Md. Mahadi Hasan