解决微信小程序video属性controls失效问题

最新推荐文章于 2026-06-17 21:15:27 发布

转载最新推荐文章于 2026-06-17 21:15:27 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://www.itdaan.com/blog/2018/06/20/ffe2fa054c4c618119d4e612f2d3ea2c.html

标签

#解决 #微信小程序 #问题 #微信 #程序

收录于

本文档提供了关于微信小程序中video组件controls属性失效的问题解决方案，通过参考外部资源，为开发者提供了解决此问题的备忘录。

解决微信小程序video属性controls失效问题

参考文章：

（1）解决微信小程序video属性controls失效问题

（2）https://www.cnblogs.com/lguow/p/9204371.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangchaoqi1985

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序一个页面多个视频（video组件），限制一个播放，其它暂停

12-09

5756

微信小程序一个页面多个视频（video组件），限制一个播放制一个播放，其它暂停 html <view class='videoBoxTitle'>视频列表</view>  <block wx:for="{{videoListData}}" wx:index='index' wx:key='id'> <video class="myVi

参与评论您还未登录，请先登录后发表或查看评论

微信小程序视频播放全攻略：从本地到云端的实现与优化

weixin_29264201的博客

03-05

116

本文详细解析了微信小程序中视频播放功能的完整实现方案。从搭建基础页面、深入讲解<video>组件核心属性，到实现本地视频与云端视频的无缝切换与适配，并提供了样式美化、性能优化及常见问题排查的实用技巧，帮助开发者高效构建流畅、稳定的小程序视频播放体验。

微信环境下video的 autoplay 和 controls 解决方法？

qq_41851047的博客

08-28

1429

客户想要实现在微信环境下用户查看视频播放，并且不能快进看完，只能让视频自动播放完毕后，才能领取奖励。。。。。现在遇到下面几个问题，实在是找不到合适的解决方法！！！！！！！！！！！！！！！！！！ 1：微信环境下安卓系统的视频无法自动播放？ 2：video的视频控制器controls 设置成false，但是还是显示出来了？ 3：controls 无法隐藏，于是就想到加一层蒙...

h5全屏进入与退出全屏模式（必须为点击事件进行加载）

helloworldmycsdn的博客

12-22

5242

一、进入全屏 // 判断各种浏览器，找到正确的方法 function launchFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFul

html video标签全屏和安卓端点击屏幕不显示操作栏问题

昨天1990的专栏

01-23

6555

1全屏监听 document.addEventListener("webkitfullscreenchange", function (event,state) { that.video.isFullscreen = !that.video.isFullscreen;//在外部设置一个全局变量初始值赋值为false if(that.video.isFullscreen){//切

H5实现浏览器全屏API(全屏进入和全屏退出)

weixin_30267785的博客

08-29

348

【进入和退出全屏】 // Webkit (works in Safari5.1 and Chrome 15)element.webkitRequestFullScreen();document.webkitCancelFullScreen();// Firefox 10+element.mozRequestFullScreen();document.mozCancelFullScree...

Taro框架中Video组件属性失效问题解析与解决方案

gitblog_01404的博客

08-10

372

Taro框架中Video组件属性失效问题解析与解决方案【免费下载链接】taro 开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/ ...

requestFullScreen元素全屏显示

岁末zzz的博客

11-14

1158

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box{ width: 200px; height:200px; background: red...

微信开发者工具使用video播放视频，运行之后显示渲染层网络层错误

TNTfun的博客

10-20

1642

微信开发者工具使用video播放视频，运行之后显示渲染层网络层错误，不知道是不是视频链接问题

移动端video标签使用出现点击视频controls控件不展示

weixin_39065287的博客

04-25

3735

移动端video标签使用出现点击视频controls控件不展示这个问题一般是因为video移动端尺寸变化导致解决方法：可以在video标签外层加个div，添加一个点击事件，将controls赋值为true <div class="video-wrap" v-show="isVideoShow" @click="handlePlayClick()"> <video class="videocss" ref="videoCon" :src="videoUrl"></vi

小程序video组件神坑

qq_38698753的博客

09-30

1067

1、微信小程序之video组件中controls show-play-btn show-fullscreen-btn show-center-play-btn show-progress等属性你设置false怎么也无法隐藏，后面还是看到官方解决卡顿时说设置属性：custom-cache="{{false}}"，看到没有false竟然有大括号，于是把controls的属性设置成controls=...

微信小程序之video 的神坑controls show-play-btn show-fullscreen-btn show-center-play-btn show-progress

wq57885的博客

05-22

7165

<video src="http://p7rgvq9sh.bkt.clouddn.com/WeChat_20180522161047.mp4" objectFit="fill" autoplay loop controls="false" show-play-btn="false" show-fullscreen-btn="false" show-center-play-btn="f

video标签播放视频无法拖动进度条（使用nginx解决）

热门推荐

qq_34465338的博客

05-07

1万+

video标签播放视频无法拖动进度条（使用nginx解决）

小程序Video的坑

luzhongk的博客

09-29

2995

隐藏Video 使用一下方法 1、display:none 2、marign-top: 1000 以上方法电脑微信开发工具可以播放，Video手机端不可以播放后来使用width:1;hegiht:1设置样式后video手机端正常播放

移动端video，不能快进，拖动进度条遇到的bug

m0_72098783的博客

03-31

2552

这个问题困扰了好几天，最后找到一个timeupdate事件，就是视频播放会一直触发，然后我只需要再当前播放时间等于视频总时长时候发个请求就好了，以下是完整代码。然后设置一下时间，拖动进度条就让他回去，然后监听视频播放结束事件，再播放结束的时候发送请求。万万没想到的是，这样设置，再移动端不生效，虽然拖动进度条能回去，但是只要把进度条拖到最后，还是会触发ended。移动端项目中有个学习考试模块，要求就是视频不能快进，可以全屏，并且看完视频才能考试。本来想着挺简单的，设置一下video标签的。

微信小程序跳坑之地图控件事件失效

suveng's blog

08-19

4781

微信小程序跳坑之控件失效环境： win10 微信开发工具1.02.1808172 原因：我在开发地图相关的时候，给地图加上controls控件，后来给加上点击事件就一直没有触发这个事件。根本原因是我用win10的时候开启的缩放。这时把缩放改成100%就ok了。...

微信小程序 audio组件默认控件无法隐藏/一直显示/改了controls=‘false’也没用2019/5/28

FlyDangerFox的博客

05-28

3869

<audio>默认控件，如果需要隐藏，不需要特意设置controls = 'false'，直接把这个属性删除即可，不然无论如何都会存在之前，设置了controls = 'false' <audio src="{{current.src}}" action="{{audioAction}}" bindplay="audioPlayed" ...

微信小程序（黑马TS+uniapp）--要点总结