<template>
  <div class="box">
    <video class="video" :src="videoUrl" controls autoplay></video>
  </div>
</template>

<script>
import videoList from '@/views/dayStudy/data2.json'
export default {
  data() {
    return {
      videoUrl: '',
    }
  },
  mounted() {
    this.videoUrl = decodeURIComponent(this.$route.query.url)
  },
  methods: {},
}
</script>

<style lang="scss" scoped>
.box {
  padding-bottom: 30px;
  box-sizing: border-box;

  .video {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
</style>