Vue.js Video Background Component

Vue.js Video Background Component

A Vue.js component which allows to use a video as the background of your web application.

Video Background

Install via NPM

Available through npm as vue-videobg.

npm install --save vue-videobg


import VideoBg from 'vue-videobg'

Vue.component('video-bg', VideoBg)

// or
new Vue({
  el: 'body',
  components: { VideoBg }
<video-bg :sources="['demo/assets/video.mp4']" img="demo/assets/bg.jpg">
  <!-- If you want to add content here, a slot is waiting! -->


VideoBackground is released under the MIT License. See the bundled LICENSE file for details.

Github Repository

Tags: #VueJs