微信小程序video隐藏播放按钮
时间: 2023-07-13 14:18:34 浏览: 302
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
5星 · 资源好评率100%
要隐藏微信小程序中video组件的播放按钮,可以通过以下步骤实现:
1.在对应的wxml文件中,将video组件的show-center-play-btn属性设置为false,如下所示:
```
<video src="{{src}}" show-center-play-btn="false"></video>
```
2.在对应的wxss文件中,将video组件的控制条和播放按钮的显示隐藏设置为false,如下所示:
```
video::-webkit-media-controls {
display:none !important;
}
video::-webkit-media-controls-enclosure {
display:none !important;
}
```
这样就可以隐藏微信小程序中video组件的播放按钮了。
阅读全文