Added feature #19

Author: Philipp

demo/public/js/app.js

@@ -1,6 +1,6 @@
 {
   "name": "vue-responsive-video-background-player",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "Play your own videos in background responsively",
   "main": "dist/index.common.js",
   "unpkg": "dist/index.umd.min.js",
@@ -53,7 +53,7 @@
     "laravel-mix": "^5.0.9",
     "laravel-mix-vue3": "^0.7.0",
     "vue": "^3.0.3",
-    "vue-loader": "^16.0.0-beta.8",
+    "vue-loader": "^16.1.0",
     "vue-template-compiler": "^2.6.12"
   },
   "release": {

dist/index.common.js

@@ -16,6 +16,7 @@
             :preload="preload"
             :plays-when="playsWhen"
             :playback-rate="playbackRate"
+            :transition="transition"
             @ready="playVideo"
             @playing="$emit('playing')"
             @error="$emit('error')"

dist/index.umd.js

@@ -1,5 +1,5 @@
 <template>
-    <transition name="fade">
+    <transition :name="transition">
         <div
             class="video-wrapper"
             v-show="showVideo"

dist/index.umd.min.js

@@ -28,4 +28,8 @@ export default {
         type: Number,
         default: 1.0,
     },
+    transition: {
+        type: String,
+        default: 'fade',
+    },
 };