<template>
<div class="video-demo">
<!-- <TsVideo videoUrl="https://www.w3schools.com/html/mov_bbb.mp4" backgroundColor="#409eff" /> -->
<TsVideo :media-info="{ name: '演示视频.mp4', duration: 372, size: 15728640, type: 'mp4' }" videoUrl="https://media.w3.org/2010/05/sintel/trailer.mp4" backgroundColor="#409eff" />
</div>
</template>
<script setup lang="ts">
import { TsVideo } from 'tui';
</script>
<style scoped>
.video-demo {
width: 100%;
max-width: 800px;
}
</style>