@padhariyavishal/jw-player v1.0.3

JW Player

JW Player Component using typescript for react or react based frameworks.

Installation

To install the package, use npm:

npm install @padhariyavishal/jw-player

Usage

To use the JWPlayer Component in your React or Next.js project, follow these steps:

Example

Javascript based example:

import { JWPlayer } from "@padhariyavishal/jw-player";

const MyPlayer = () => {
    const playerConfig = {
        elementId: 'my-player',
        licenseKey: 'YOUR_LICENSE_KEY',
        playlist: [
            {
                file: 'https://example.com/path/to/your/video1.mp4',
                image: 'https://example.com/path/to/your/thumbnail1.jpg',
                title: 'Video 1',
                description: 'Description for Video 1'
            },
            {
                file: 'https://example.com/path/to/your/video2.mp4',
                image: 'https://example.com/path/to/your/thumbnail2.jpg',
                title: 'Video 2',
                description: 'Description for Video 2'
            }
        ],
        width: '640',
        height: '360'
    };

    return (
        <div>
            <h1>Welcome to My JW Player Page</h1>
            <JWPlayer {...playerConfig} />
        </div>
    );
};

export default MyPlayer;

TypeScript based example:

import { JWPlayer,JWPlayerConfig } from "@padhariyavishal/jw-player";

const MyPlayer: React.FC = () => {
    const playerConfig: JWPlayerConfig = {
        elementId: 'my-player',
        licenseKey: 'YOUR_LICENSE_KEY',
        playlist: [
            {
                file: 'https://example.com/path/to/your/video1.mp4',
                image: 'https://example.com/path/to/your/thumbnail1.jpg',
                title: 'Video 1',
                description: 'Description for Video 1'
            },
            {
                file: 'https://example.com/path/to/your/video2.mp4',
                image: 'https://example.com/path/to/your/thumbnail2.jpg',
                title: 'Video 2',
                description: 'Description for Video 2'
            }
        ],
        width: '640',
        height: '360'
    };

    return (
        <div>
            <h1>Welcome to My JW Player Page</h1>
            <JWPlayer {...playerConfig} />
        </div>
    );
};

export default MyPlayer;

Props

JWPlayerConfig

PlaylistItem