<template>
  <video :src="url" class="video-wrapper" controls loop></video>
</template>

<script>
export default {
  name: "Video",
  props: {
    url: {
      default: "",
      type: String,
    },
  },
};
</script>

<style scoped lang='scss'>
.video-wrapper {
  height: auto;
  width: 100%;
}
</style>