Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

bhatvikrant/react-thumbnail-player

Open more actions menu

Repository files navigation

react-thumbnail-player

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

JavaScript Style Guide

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

GitHub license

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


Let's Connect

Twitter Follow GitHub followers LinkedIn


forthebadge forthebadge forthebadge forthebadge

react-thumbnail-player

About

An NPM package to make video thumbnails play / pause on hover and more.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.