0.1.0-rc.46 • Published 9 months ago

@mottostreaming/player v0.1.0-rc.46

Weekly downloads
-
License
MIT
Repository
-
Last release
9 months ago

@mottostreaming/player

React component library for the Motto Streaming video player.

Installation

npm install @mottostreaming/player
# or
yarn add @mottostreaming/player

Usage

import React from 'react';
import { Player } from '@mottostreaming/player';
// Import the necessary CSS for player styling
import '@mottostreaming/player/dist/index.css';

function App() {
  // Your player configuration
  const playerConfig = {
    // ... config options
  };

  return (
    <div>
      {/* Other components */}
      <Player config={playerConfig} />
      {/* Other components */}
    </div>
  );
}

export default App;

Styling

This package uses Tailwind CSS for utility classes within its components and includes essential base styles for the video player itself.

1. Import Player Base CSS:

You must import the player's base CSS file in your application's entry point (e.g., main.tsx, App.tsx, or a global CSS file):

import '@mottostreaming/player/dist/index.css';

This file contains necessary styles for video.js, themes, plugins, and custom player elements that are not handled by Tailwind utilities.

2. Include Components for Tailwind Scanning (Requires Tailwind CSS v4+):

To ensure Tailwind utility classes used within the @mottostreaming/player components are included in your application's final stylesheet, you need to tell Tailwind to scan this package.

In your main CSS file where you import Tailwind, add the @source directive pointing to the installed player package:

/* Your main application CSS file (e.g., index.css, app.css) */

@import "tailwindcss"; /* Or your Tailwind import method */

/* Add this line to scan the player components */
@source "../node_modules/@mottostreaming/player/dist/**/*.js";

/* Your application's other custom CSS or @layer directives */
/* ... */

This allows Tailwind's Just-in-Time (JIT) engine to scan the player components and generate the required CSS. For more details, see the Tailwind CSS documentation on explicitly registering sources.

Note: The @source directive requires Tailwind CSS v4.0 or later in your consuming application.

@videojs/themesjb-videojs-hls-quality-selectorreact-ga4uuidvideojs-contrib-adsvideojs-imavideojs-muxzustand@silvermine/videojs-chromecast
0.1.0-rc.9

10 months ago

0.1.0-rc.7

10 months ago

0.1.0-rc.8

10 months ago

0.1.0-rc.5

10 months ago

0.1.0-rc.6

10 months ago

0.1.0-rc.3

10 months ago

0.1.0-rc.4

10 months ago

0.1.0-rc.1

10 months ago

0.1.0-rc.2

10 months ago

0.0.24-rc.8

1 year ago

0.1.0-rc.0

10 months ago

0.0.24-rc.9

1 year ago

0.0.24-rc.6

1 year ago

0.0.24-rc.7

1 year ago

1.0.0-rc.1

11 months ago

1.0.0-rc.0

11 months ago

0.0.26-rc.13

10 months ago

0.0.26-rc.11

11 months ago

0.0.26-rc.12

11 months ago

0.0.26-rc.10

11 months ago

0.1.0-rc.42

9 months ago

0.1.0-rc.41

9 months ago

0.0.26-rc.5

11 months ago

0.1.0-rc.40

9 months ago

0.0.26-rc.6

11 months ago

0.0.26-rc.7

11 months ago

0.1.0-rc.46

9 months ago

0.1.0-rc.45

9 months ago

0.0.26-rc.1

12 months ago

0.1.0-rc.44

9 months ago

0.0.26-rc.2

12 months ago

0.1.0-rc.43

9 months ago

0.0.26-rc.3

11 months ago

0.0.26-rc.8

11 months ago

0.0.26-rc.9

11 months ago

0.0.25-rc.8

1 year ago

0.0.25-rc.7

1 year ago

0.0.25-rc.9

1 year ago

0.0.25-rc.1

1 year ago

0.0.25-rc.4

1 year ago

0.0.25-rc.3

1 year ago

0.0.25-rc.6

1 year ago

0.0.25-rc.5

1 year ago

0.1.0-rc.31

10 months ago

0.1.0-rc.30

10 months ago

0.1.0-rc.35

10 months ago

0.1.0-rc.34

10 months ago

0.1.0-rc.33

10 months ago

0.1.0-rc.32

10 months ago

0.1.0-rc.39

9 months ago

0.1.0-rc.38

9 months ago

0.1.0-rc.37

10 months ago

0.1.0-rc.36

10 months ago

0.1.0-rc.20

10 months ago

0.1.0-rc.24

10 months ago

0.1.0-rc.23

10 months ago

0.1.0-rc.22

10 months ago

0.1.0-rc.21

10 months ago

0.1.0-rc.28

10 months ago

0.1.0-rc.27

10 months ago

0.1.0-rc.26

10 months ago

0.1.0-rc.25

10 months ago

0.1.0-rc.29

10 months ago

0.0.25-rc.10

1 year ago

0.0.25-rc.11

1 year ago

0.0.25-rc.16

1 year ago

0.0.25-rc.17

1 year ago

0.0.25-rc.18

1 year ago

0.1.0-rc.13

10 months ago

0.0.25-rc.12

1 year ago

0.1.0-rc.12

10 months ago

0.0.25-rc.13

1 year ago

0.1.0-rc.11

10 months ago

0.0.25-rc.14

1 year ago

0.1.0-rc.10

10 months ago

0.0.25-rc.15

1 year ago

0.1.0-rc.17

10 months ago

0.1.0-rc.16

10 months ago

0.1.0-rc.15

10 months ago

0.1.0-rc.19

10 months ago

0.1.0-rc.18

10 months ago

0.0.24-rc.5

1 year ago

0.0.25-rc.0

1 year ago

0.0.24-rc.4

1 year ago

0.0.24-rc.3

1 year ago

0.0.24-rc.2

1 year ago

0.0.24-rc.1

1 year ago

0.0.23-rc.20

1 year ago

0.0.23-rc.21

1 year ago

0.0.23-rc.17

1 year ago

0.0.23-rc.18

1 year ago

0.0.23-rc.19

1 year ago

0.0.22-rc.16

1 year ago

0.0.22-rc.15

1 year ago

0.0.22-rc.14

1 year ago

0.0.22-rc.13

1 year ago

0.0.22-rc.12

1 year ago

0.0.22-rc.11

1 year ago

0.0.22-rc.10

1 year ago

0.0.20-rc.27

1 year ago

0.0.20-rc.28

1 year ago

0.0.22-rc.3

1 year ago

0.0.22-rc.2

1 year ago

0.0.22-rc.1

1 year ago

0.0.22-rc.9

1 year ago

0.0.22-rc.8

1 year ago

0.0.22-rc.7

1 year ago

0.0.22-rc.6

1 year ago

0.0.22-rc.5

1 year ago

0.0.22-rc.4

1 year ago

0.0.21

1 year ago

0.0.20-rc.12

1 year ago

0.0.20-rc.11

1 year ago

0.0.20-rc.10

1 year ago

0.0.20-rc.16

1 year ago

0.0.20-rc.15

1 year ago

0.0.20-rc.14

1 year ago

0.0.20-rc.13

1 year ago

0.0.20-rc.19

1 year ago

0.0.20-rc.18

1 year ago

0.0.20-rc.17

1 year ago

0.0.20-rc.23

1 year ago

0.0.20-rc.22

1 year ago

0.0.20-rc.21

1 year ago

0.0.20-rc.20

1 year ago

0.0.20-rc.26

1 year ago

0.0.20-rc.25

1 year ago

0.0.20-rc.24

1 year ago

0.0.18-rc.10-rc.0

1 year ago

0.0.18

1 year ago

0.0.19

1 year ago

0.0.18-rc.4

1 year ago

0.0.18-rc.6

1 year ago

0.0.18-rc.5

1 year ago

0.0.18-rc.8

1 year ago

0.0.18-rc.7

1 year ago

0.0.20-rc.1

1 year ago

0.0.20-rc.0

1 year ago

0.0.18-rc.9

1 year ago

0.0.20-rc.3

1 year ago

0.0.20-rc.2

1 year ago

0.0.20-rc.5

1 year ago

0.0.20-rc.4

1 year ago

0.0.20-rc.7

1 year ago

0.0.20-rc.6

1 year ago

0.0.20-rc.9

1 year ago

0.0.20-rc.8

1 year ago

0.0.18-rc.3

1 year ago

0.0.18-rc.2

1 year ago

0.0.18-rc.0

1 year ago

0.0.18-rc.1

1 year ago

0.0.16-rc.3

1 year ago

0.0.16-rc.4

1 year ago

0.0.17

1 year ago

0.0.16-rc.5

1 year ago

0.0.16-rc.6

1 year ago

0.0.17-rc.1

1 year ago

0.0.17-rc.0

1 year ago

0.0.14-rc.3

2 years ago

0.0.14-rc.4

2 years ago

0.0.14-rc.5

2 years ago

0.0.14-rc.6

2 years ago

0.0.14-rc.0

2 years ago

0.0.14-rc.1

2 years ago

0.0.14-rc.2

2 years ago

0.0.15-rc.10

1 year ago

0.0.14-rc.7

2 years ago

0.0.14-rc.8

2 years ago

0.0.14-rc.9

2 years ago

0.0.15-rc.12

1 year ago

0.0.15-rc.11

1 year ago

0.0.14-rc.11

2 years ago

0.0.14-rc.10

2 years ago

0.0.15-rc.9

1 year ago

0.0.15-rc.8

2 years ago

0.0.15-rc.7

2 years ago

0.0.15-rc.6

2 years ago

0.0.15-rc.5

2 years ago

0.0.15-rc.4

2 years ago

0.0.15-rc.3

2 years ago

0.0.15-rc.2

2 years ago

0.0.15-rc.1

2 years ago

0.0.15-rc.0

2 years ago

0.0.14-rc.14

2 years ago

0.0.14-rc.13

2 years ago

0.0.14-rc.12

2 years ago

0.0.16

1 year ago

0.0.16-rc.1

2 years ago

0.0.13-rc.1

2 years ago

0.0.16-rc.2

1 year ago

0.0.13-rc.0

2 years ago

0.0.13-rc.3

2 years ago

0.0.13-rc.2

2 years ago

0.0.13-rc.4

2 years ago

0.0.10

2 years ago

0.0.12-rc.7

2 years ago

0.0.11

2 years ago

0.0.12

2 years ago

0.0.13

2 years ago

0.0.12-rc.5

2 years ago

0.0.14

2 years ago

0.0.12-rc.6

2 years ago

0.0.12-rc.3

2 years ago

0.0.12-rc.4

2 years ago

0.0.12-rc.1

2 years ago

0.0.12-rc.2

2 years ago

0.0.12-rc.0

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.6-rc.0

2 years ago

0.0.6-rc.1

2 years ago

0.0.6-rc.4

2 years ago

0.0.6-rc.2

2 years ago

0.0.6-rc.3

2 years ago

0.0.6

2 years ago

0.0.5-rc.0

2 years ago

0.0.5

2 years ago

0.0.5-rc.2

2 years ago

0.0.5-rc.1

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.3-rc.0

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago