JWPlayer (Ab!R_kh4n)

This Package by Ab!R_kh4n(H!d3_kh4N)

Note:

• This project is bundled up using rollup.

Usage

1. Install the package in your project.

yarn add jwplayer-fandom

2. The main component is called VideoPlayer and accepts an URL with mediaId in its playlist prop.

import { VideoPlayer } from 'jwplayer-fandom';

function App() {
	return (
		<div style={{ width: '60%' }}>
			<VideoPlayer playlist={'https://cdn.jwplayer.com/v2/media/dWVV3F7S'} />
		</div>
	);
}

export default App;

3. There are also loaders created for specific app. The DesktopArticleVideoLoader and MobileArticleVideoLoader were created for the unified-platform's desktop and mobile version of the skins respectively. Each of the loaders can load different players depending on certain conditions such as experiment params (covered later) or certain query params.

Abir_khan