39 lines
753 B
Vue
39 lines
753 B
Vue
<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> |