nuxt-multi-video-player

Intro

This player designed for playing online and offline videos in any vue 3.2 + or nuxt 3+ base web page. You can play video from youtube, vimeo, offline path, and other online video URL.

Install

npm install --save nuxt-multi-video-player

How to

import VideoPlayer from 'nuxt-multi-video-player'

require('nuxt-multi-video-player/src/assets/main.css')

components: {
    VideoPlayer
}

<video-player src="your video url or path"/>

Props

All props are optional.

| Name | Type | Default | Required | Description | | --- | --- | --- | --- |--- | | id | String | v-player | false | With id you can set a unique identifier for each video-player. | | src | String | null | true | In src, you need to enter your video URL or file path for play video. | | allow (youtube) | String | clipboard-write; encrypted-media; gyroscope; picture-in-picture | false | With this, you can set which options in youtube video support. | | allowFullscreen (youtube) | Boolean | true | false | You can set full-screen mode support or not. | | containerStyles | String | v-player | false | You can set a class for custom styling for player container. | | playerStyles | String | v-player__iframe | false | I create this player with iframe, you can add a class for adding custom styles. | | autoplay | Boolean | false | false | You can set video autoplay with this. | | loop | Boolean | false | false | with this, you can set video play again after the end or not. | | muted | Boolean | false | false | You can enable disable audio with this. | | poster | String | null | false | You can set custom video poster with this. | | preload | String | 'auto' | false | You can set video preload with this. |