react-thumbnail-player

react-thumbnail-player

A simple NPM package to make video thumbnails play / pause on hover and more in your react app.

Installation

npm install --save react-thumbnail-player

Usage

import React, { Component } from "react";

import VideoThumbnail from "react-thumbnail-player";

export default class App extends Component {
  render() {
    return (
      <div>
        <VideoThumbnail
          title="Animated Cartoon"
          message="10M views"
          preview="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"
          width={350}
          muted={true}
          badge="Live"
          badgeBg="blue"
          classname="customClassName"
        />

        <VideoThumbnail />
      </div>
    );
  }
}

Visit Docs

Want to contribute to our project?

Please check our issues here !

Note : If you are addressing an issue that requires modification of code, remember to execute the tests, using the command npm test. It ensures that things are working as they should.

---

License

This project is licensed under the MIT License, Copyright (c) 2020 Vikrant Bhat.

---

Let's Connect

---

react-thumbnail-player