微信小程序video自定义播放与暂停按钮

官网： https://developers.weixin.qq.com/miniprogram/dev/component/video.html

相关API:wx.createVideoContext(string id, Object this)

controls：是否显示默认播放控件（播放/暂停按钮、播放进度、时间）

muted：是否静音

show-play-btn：是否显示视频底部控氏隐制栏的播放按钮

show-center-play-btn：是否显示视频中间的播放按钮祥枝

show-mute-btn：是否显示静音按钮

事歼宴厅件：

bindended:当播放到末尾时触发 ended 事件

接口：

wx.createVideoContext(string id, Object this)

https://gitee.com/susuhhhhhh/wxmini_demo

你好。

关于微信亮厅小程序把video固定在页面顶端的问题，解决方案如下：

1.video fixed布局会造成：视频移动，黑色底留下

2.flex布局，video固定高度，自适应部分用scroll-view, 代码如下：晌稿

…

.grid-box{

width: 100%

height: 100%

display: flex

flex-direction: column

}

.grid-const{width: 750rpxheight: 422rpx}

.grid-var{flex: 1}

.content{height: 100%}

以上代码可以满足需求，但是下拉页面，video还是会跟着移动

3.最终解决宴键孝方案，禁止页面Page滚动：

在json配置文件中添加：“disableScroll”:true

经测试，页面效果和腾讯视频一致。

---