@liuyunxi/viewer-video

视频预览

代码演示

<template>
    <YxVideoViewer :cover="cover" :url="url">{{ name }}</YxVideoViewer>
    <YxVideoViewer :cover="cover" :url="mp4">Mp4预览</YxVideoViewer>
</template>

<script setup lang="ts">
const name = '视频名称'
const cover =
    '//1305901002.vod2.myqcloud.com/f06aa63fvodtranscq1305901002/29f6ba3e243791577370716668/coverBySnapshot/coverBySnapshot_10_0.jpg'
const url =
    '//1305901002.vod2.myqcloud.com/f06aa63fvodtranscq1305901002/29f6ba3e243791577370716668/adp.10.m3u8'

const mp4 =
    '//1305901002.vod2.myqcloud.com/1980b897vodcq1305901002/8dd1dbb9387702305960755827/2NnaZ48Hrs8A.mp4'
</script>

<style scoped lang="less"></style>

API

参数

参数	说明	类型	默认值
cover	封面地址	string
url	源文件地址	string