nuxt-video-player

nuxt-video-player

Intro

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

Install

npm install --save nuxt-video-player

How to

import VideoPlayer from 'nuxt-video-player'

require('nuxt-video-player/src/assets/css/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.