open-index/open-npm huggingface dataset:
npm package: @khusainovrm/nuxt-player
Description: Ucase video player
Latest version: 0.0.25

# Ucase player

* Ucase nuxt player is a development of Ucase team [ucase-io](https://github.com/ucase-io)

[![NPM](https://img.shields.io/npm/l/@khusainovrm/nuxt-plyr)](https://github.com/ucase-io/nuxt-plyr/blob/master/LICENSE)

## Setup

### 1- Install Ucase player module

```bash
npm install @khusainovrm/nuxt-player
```
or
```bash
yarn add @khusainovrm/nuxt-player
```

### 2- Load `@khusainovrm/nuxt-player` module

```js
// nuxt.config.js

export default {
  modules: [
    ['@khusainovrm/nuxt-player', { namespace: 'UcasePlayer', defaultUrl: "someUrl" }],
  ],
  UcasePlayer: { option2: 'something else' },
}
```

## Usage

You have a successfully enabled UcasePlayer in your project. In a Vue component or page use `<UcasePlayer />`.

```vue
// ~/page/index.vue

<template>
  <div>
      <UcasePlayer src="yourLink" />
  </div>
</template>
```
## Module options

Options provided to module in nuxt.config.js:

| Name           | Description             | Default / Required                 |
| -------------- | ----------------------- | ---------------------------------- |
| `defaultUrl `  | String url of a video   | String/ Not required               |

## Component options

Options that can be passed in a `<UcasePlayer />` component:

| Name    | Description             | Default / Fallback                         |
| ------- | ----------------------- | ------------------------------------------ |
| `src `  | String url of a video   | 'https://player.vimeo.com/video/311756540' |
npm package: @khusainovrm/nuxt-plyr
Description: Ucase vidio player
Latest version: 0.0.29

# Ucase nuxt-plyr

* Ucase nuxt-plyr uses plyr by sampotts v3 for the players [plyr](https://github.com/sampotts/plyr)

[![NPM](https://img.shields.io/npm/l/@khusainovrm/nuxt-plyr)](https://github.com/ucase-io/nuxt-plyr/blob/master/LICENSE)

## Setup

### 1- Install Ucase nuxt-plyr module

```bash
npm install @khusainovrm/nuxt-plyr
```

### 2- Load `@khusainovrm/nuxt-plyr` module

```js
// nuxt.config.js

export default {
  modules: [
    ['@khusainovrm/nuxt-plyr', { namespace: 'plyr', options: 42 }],
  ],

  nuxtPlyr: { option2: 'something2' },
}
```

## Usage

You have a successfully enabled UcasePlayer in your project. In a vue component or page use tag UcasePlayer.

```vue
// ~/page/index.vue

<template>
  <div>
      <UcasePlayer />
  </div>
</template>
```
## Options

Options that can be passed in a UcasePlayer component:

| Name    | Description             | Default / Fallback                 |
| ------- | ----------------------- | ---------------------------------- |
| `src `  | String url of a video   | String                             |