Skip to content

algoz098/vue-player

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

12e5f91 · Dec 30, 2024

History

37 Commits
Dec 20, 2024
Aug 23, 2019
Dec 30, 2024
Dec 30, 2024
Sep 9, 2019
Sep 9, 2019
Dec 30, 2024
Dec 29, 2024
Aug 23, 2019
Sep 9, 2019
Aug 26, 2019
Sep 2, 2019
Dec 20, 2024
Dec 20, 2024
Sep 5, 2019
Sep 9, 2019

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://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.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 contributions are welcome, and every pull request will be seen. Thank you for your time!

Developer scripts

  • npm run-script build To build the vue application.
  • npm run-script test:unit To run the jest tests.
  • npm run-script serve To run the standalone demo page.