<template>
  <div>
    <video-player :options="videoOptions" />
  </div>
</template>

<script>
import VideoPlayer from "@/views/VideoPlayer.vue";
import router from "@/router/index.js";

export default {
  name: "VideoExample",
  components: {
    VideoPlayer,
  },
  data() {
    return {
      videoOptions: {
        autoplay: true,
        controls: true,
        sources: [
          {
            src:
              "/path/to/video.m3u8?filename=" +
              router.meta.name +
              "&id=" +
              router.meta.id +
              "&userid=" +
              router.meta.userid +
              "&token=" +
              router.meta.token,
            type: "video/m3u8",
          },
        ],
      },
    };
  },
};
</script>