腾讯云智能体开发平台 Video 视频

这篇说说腾讯云Video视频播放组件的功能、属性及用法,支持自定义封面图、宽高比和尺寸,默认提供播放控制、全屏及调速功能。 必填属性:src为视频URL,必填;poster设置封面图。 宽高比:支持16:9、9:16、4:3、3:4四种比例。 尺寸:分sm(260px)、md(320px)、lg(480px)及默认100%自适应。

相关产品
腾讯云智能体开发平台 产品页,含版本规格、价格与购买入口。

一、组件功能

用于播放视频的组件,支持自定义封面图、宽高比及播放器尺寸。

二、基础用法

通过 src 指定视频资源,poster 设置封面图,aspectRatio 控制宽高比。

Template 示例:

<Video src="https://www.w3schools.com/html/mov_bbb.mp4" poster="https://www.w3schools.com/html/pic_trulli.jpg" aspectRatio="16:9" />

效果展示如下:

三、属性说明

属性名 类型 描述 默认值
src ★ string 视频资源 URL –
poster string 视频封面图片 URL –
aspectRatio "16:9" | "9:16" | "4:3" | "3:4" 播放器宽高比 "16:9"
size "sm" | "md" | "lg" 播放器尺寸 –

注意:★ 标记为必填属性。

四、尺寸说明

尺寸 宽度 适用场景
sm 260px 侧边栏、小卡片
md 320px 常规内容区
lg 480px 主要内容区
默认 100% 自适应容器宽度 (最小 260px,最大 100%)

五、宽高比说明

·16:9:标准宽屏比例(推荐)。

·9:16:竖屏比例(适合移动端)。

·4:3:传统电视比例。

·3:4:竖屏传统比例。

六、播放器功能

视频播放器默认提供以下功能:

·播放/暂停控制。

·音量控制。

·全屏播放。

·进度条拖拽。

·播放速度调整。

赞 (0)
上一篇 4天前
下一篇 4天前