Skip to content

atultiwaree/react-thumbnails-video-preview

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

installation

npm i react-thumbnails-video-preview

Examples:

Basic usage :

import React from "react";
import ReactVideosPreview from "react-thumbnails-video-preview";

const list = [
	{
		imgList: [
			`https://dummyimage.com/200x200/111/fff&text=1`,
			`https://dummyimage.com/200x200/111/fff&text=2`,
			`https://dummyimage.com/200x200/111/fff&text=3`
		]
	}
];

export default function Example() {
	return (
		<ReactVideosPreview list={list}/>
	);
}

Edit react-thumbnails-video-preview basic usage

List usage:

you just need to add more elements in list array

...
const list = [
	{
		imgList: [
			`https://dummyimage.com/200x200/111/fff&text=1`,
			`https://dummyimage.com/200x200/111/fff&text=2`,
			`https://dummyimage.com/200x200/111/fff&text=3`
		]
	},
	{
		imgList: [
			`https://dummyimage.com/200x200/111/fff&text=4`,
			`https://dummyimage.com/200x200/111/fff&text=5`,
			`https://dummyimage.com/200x200/111/fff&text=6`
		]
	}
];
...

Edit grid example

imgError :

global way

<ReactVideosPreview 
	list={list}
	imgError:"https://dummyimage.com/200x200/111/fff&text=error-loading"
	/>

or in List object for individuals images error

...
const list = [{
	...
	imgError:  `https://dummyimage.com/200x200/111/fff&text=error-loading`
}];
...

Edit error gestion

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%