掌握微信小程序video组件基本属性：属性详解与场景化应用

非 VIP 用户可前往公众号“前端基地”进行免费阅读，文章链接如下：

https://mp.weixin.qq.com/s/LAzNLht3AIHNIDd-k7b-NA

目录

video核心属性

video播放控制属性

video界面显示属性

video按钮控制属性

video特殊属性

video核心属性

video组件是用于在页面中嵌入视频内容的常用组件，具有多种属性可以控制视频的播放行为和显示样式。以下是video组件的详细属性介绍：

属性

描述

duration

指定视频的总时长（单位：秒）

controls

是否显示默认播放控件（包括播放/暂停按钮、播放进度条、时间显示等）（默认值：true）

autoplay

页面加载时是否自动播放视频（默认值：false）

loop

是否循环播放（默认值：false）

muted

是否静音播放（默认值：false）

duration：duration=\"5\" 设置视频时长为5秒。

示例代码如下：

运行截图如下：

controls：设置为false时，视频中央仅显示播放按钮。

示例代码如下：

 <video src=\"http://127.0.0.1:5500/data/videos/course.mp4\" controls=\"{ {false}}\">

运行截图如下：

autoplay：部分浏览器可能因用户体验策略阻止自动播放。