2022-05-28 05:16:27 +00:00
|
|
|
<template>
|
|
|
|
|
<v-btn
|
|
|
|
|
fab
|
|
|
|
|
text
|
2022-05-29 23:41:42 +00:00
|
|
|
large
|
|
|
|
|
style="position: absolute; top: calc(50% - 2rem); left: calc(50% - 2rem)"
|
2022-05-28 05:16:27 +00:00
|
|
|
color="white"
|
|
|
|
|
@click.stop="
|
|
|
|
|
(paused = !video.paused),
|
|
|
|
|
video.paused ? (video.play(), $emit('close')) : video.pause()
|
|
|
|
|
"
|
|
|
|
|
>
|
2022-05-29 23:41:42 +00:00
|
|
|
<v-icon size="3.5rem">
|
2022-05-28 05:16:27 +00:00
|
|
|
{{ paused ? "mdi-play" : "mdi-pause" }}
|
|
|
|
|
</v-icon>
|
|
|
|
|
</v-btn>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
props: ["video"],
|
|
|
|
|
emits: ["close"],
|
|
|
|
|
data: () => ({
|
|
|
|
|
paused: false,
|
|
|
|
|
}),
|
|
|
|
|
};
|
|
|
|
|
</script>
|
