video 视频

插入视频

使用方法

• 引入组件

import { VideoMenu } from '@kaitify/vue'

• 在 Wrapper 包裹器插槽中使用

<Wrapper v-model="content">
	<template #before>
		<VideoMenu />
	</template>
</Wrapper>

Props 参数

disabled boolean

是否禁用该菜单，默认为 false

tabs { data: ('remote' | 'upload')[]; default: 'remote' | 'upload'}

配置浮层内的选项卡，目前支持 upload（本地上传）和 remote（远程视频），data 表示选项卡的数据，default 表示默认展示的选项卡

popoverProps MenuPropsType['popoverProps']

浮层属性配置，同 Menu 的 popoverProps 属性

width string | number

初始视频宽度

customUpload (file: File) => string | Promise<string>

自定义本地视频上传的方法，该方法返回一个字符串值，表示上传后的视频文件地址，回调参数为 File 文件，如果不设置该方法，视频默认以 base64 字符串的形式插入编辑器中

代码示例