import{o as a,c as n,a as s}from"./app.c38d1953.js";const t='{"title":"VideoViewer 图片预览组件（2.5.0+）","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":2,"title":"VideoViewer","slug":"videoviewer"},{"level":3,"title":"参数","slug":"参数"}],"relativePath":"components/video-viewer.md","lastUpdated":1721206001124}',e={},p=s('

VideoViewer 图片预览组件（2.5.0+）

将 VideoPlayer 组件函数化，通过函数方便创建组件。

VideoViewer 组件位于 src/components/VideoViewer 内

用法

<script setup lang="ts">\nimport { createVideoViewer } from '@/components/VideoPlayer'\n\nconst open = () => {\n  createVideoViewer({\n    url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/mp4/xgplayer-demo-720p.mp4',\n    poster: '//lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/poster.jpg'\n  })\n}\n</script>\n\n<template>\n  <ElButton type="primary" @click="open">预览</ElButton>\n</template>\n\n

VideoViewer

参数

属性	说明	类型	可选值	默认值
url	视频的地址	`string`	-	-
poster	视频的封面	`string`	-	-

',8);e.render=function(s,t,e,o,c,l){return a(),n("div",null,[p])};export default e;export{t as __pageData};

# VideoViewer 图片预览组件（2.5.0+）

# 用法

# VideoViewer

# 参数

VideoViewer 图片预览组件（2.5.0+）

用法

VideoViewer

参数