视频预览

代码演示

<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 | |