feat: add VVideo component

add new VVideo component for playing videos

Resolves vuetifyjs#5592

packages/vuetify/src/components/VVideo/VVideo.ts

@@ -0,0 +1,37 @@
+import Vue from 'vue'
+
+// Types
+import { VNode } from 'vue/types/vnode'
+
+/* @vue/component */
+export default Vue.extend({
+  name: 'VVideo',
+  props: {
+    src: String,
+    autoplay: Boolean,
+    loop: Boolean,
+    muted: Boolean
+  },
+  methods: {
+    play () {
+      (this.$refs.video as HTMLVideoElement).play()
+    },
+    pause () {
+      (this.$refs.video as HTMLVideoElement).pause()
+    }
+  },
+  render (h): VNode {
+    return h('div', { staticClass: 'v-video' }, [
+      h('video', {
+        ref: 'video',
+        staticClass: 'v-video-content',
+        attrs: {
+          autoplay: this.autoplay,
+          loop: this.loop,
+          muted: this.muted,
+          src: this.src
+        }
+      })
+    ])
+  }
+})

packages/vuetify/src/components/VVideo/index.ts

@@ -0,0 +1,5 @@
+import VVideo from './VVideo'
+
+export { VVideo }
+
+export default VVideo

packages/vuetify/src/components/index.ts

@@ -62,5 +62,6 @@ export * from './VTimePicker'
 export * from './VToolbar'
 export * from './VTooltip'
 export * from './VTreeview'
+export * from './VVideo'
 export * from './VWindow'
 export * from './transitions'

packages/vuetify/src/stylus/components/_videos.styl

@@ -0,0 +1,9 @@
+.v-video
+  position: relative
+
+  .v-video-content
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    min-width: 100%;
+    min-height: 100%;