Skip to content

Barahten/vue-player

 
 

Repository files navigation

vue-player

  • author - Artur Sena

  • license - MIT

Intro

This is a html5 video component made in VueJS with to quickly add videos with placeholders and intros.

Features

  • Has poster to show a image placeholder before video
  • Has video-placeholder-src to autoplay a video without sound
  • Has preview-on-mouse add option to alter between poster and video-preview (youtube like)
  • Events telling what's happening
  • full control of the player
  • 100% vue
  • no third parties js libs

Examples

https://algoz098.github.io/vue-player/

Usage & Guide

Install it

npm i --save @algoz098/vue-player

Then you import it where you need to use it.

import vuePlayer  from  '@algoz098/vue-player'

Now, just tell vue to use it:

Vue.component(vuePlayer)

Or inside a ´.vue´ file:

<script>
	export  default {
		components: {
			vuePlayer
		}
	}
</script>

Now, just use it:

<vue-player src="http://techslides.com/demos/sample-videos/small.mp4" poster="https://via.placeholder.com/150" title="this is a title" v-model="playing"></vue-player>

You can see more information here

Contribution

All contribution are wellcome, and every pull request will be seen. Thank you for your time!

About

A hml5 video player vue component

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 76.3%
  • JavaScript 22.1%
  • HTML 1.6%