mirror of https://github.com/FreeTubeApp/FreeTube
28 lines
737 B
Vue
28 lines
737 B
Vue
<template>
|
|
<div class="relative">
|
|
<video
|
|
:id="id"
|
|
class="ftVideoPlayer video-js vjs-default-skin dark"
|
|
:poster="thumbnail"
|
|
controls
|
|
preload="auto"
|
|
:data-setup="JSON.stringify(dataSetup)"
|
|
crossorigin="anonymous"
|
|
@touchstart="handleTouchStart"
|
|
@touchend="handleTouchEnd"
|
|
>
|
|
<source
|
|
v-for="(source, index) in activeSourceList"
|
|
:key="index + '_source'"
|
|
:src="source.url"
|
|
:type="source.type || source.mimeType"
|
|
:label="source.qualityLabel"
|
|
:selected="source.qualityLabel === selectedDefaultQuality"
|
|
>
|
|
</video>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./ft-video-player.js" />
|
|
<style scoped src="./ft-video-player.css" />
|