掌握微信小程序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秒。

        示例代码如下：

<video 
  src="http://127.0.0.1:5500/data/videos/course.mp4"
  duration="5"
></video>

        运行截图如下：

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

        示例代码如下：

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

        运行截图如下：

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