mirror of
https://github.com/VueTubeApp/VueTube
synced 2024-11-08 20:45:07 +00:00
52 lines
1,013 B
Vue
52 lines
1,013 B
Vue
<template>
|
|
<v-progress-linear
|
|
style="
|
|
z-index: 2;
|
|
position: absolute;
|
|
background: #ffffff22;
|
|
transform: translateY(50%);
|
|
"
|
|
background-opacity="0.5"
|
|
background-color="white"
|
|
:buffer-value="buffered"
|
|
:value="(currentTime / duration) * 100"
|
|
:class="!fullscreen || controls ? '' : 'invisible'"
|
|
color="primary"
|
|
:height="seeking ? 4 : 2"
|
|
:style="
|
|
fullscreen
|
|
? 'width: calc(100% - 2rem); left: 1rem; bottom: 3.25rem;'
|
|
: 'width: 100%; left: 0; bottom: 1px;'
|
|
"
|
|
/>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
props: {
|
|
duration: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
seeking: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
fullscreen: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
currentTime: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
controls: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
buffered: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
},
|
|
};
|
|
</script>
|