<template>
  <div class="container">
    <div class="flextwo sharetopk" @click="back">
      <div class="leftrow leftrowkimg">
        <img src="../../../assets/leftrow.png" alt />
      </div>
      <div class="sharemiddle">视频详情</div>
      <div class="sharebtn">
        <!-- <img src="../../../assets/sharebtn.png" alt /> -->
      </div>
    </div>
    <div class="videobox">
      <video
        id="video"
        :src="url"
        loop="loop"
        controlslist="nodownload"
        height="100%"
        width="100%"
        controls
        autoplay
      ></video>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      url: "",

    }
  },
  created() {
    this.url = this.$route.query.url;
    document.querySelector("#app").style.height = "100%"
    // var vdo = document.getElementById("video");
    // vdo.play();
    document.title = '唐元集'

    console.log(this.url)
  },
  methods: {
    back() {
      this.$router.go(-1)
    }
  }
};
</script>

<style scoped>
#app {
  height: 100%;
}
.container,
.videobox {
  width: 100%;
  height: 100%;
  margin-top: 1rem;
}
</style>