微信小程序中的视频播放问题

小程序中的 video 组件是原生组件， 默认宽度300px、高度225px，可通过wxss设置宽高。其中 src 属性默认支持MP4格式，但是实际上还可以支持其他格式。

属性主要有：

src ：要播放视频的资源地址。

initial-time ：指定视频初始播放位置。

danmu-list ：d幕列表。

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

binderror ：视频播放出错时触发。

安卓系统可以支持MP4格式的视频，苹果手机支持m3u8格式的视频。可以通过获取手机的系统，然后判断播放什么格式的视频。

参数主要包括：

brand ：手机品牌；

model ：手机型号；

fontSizeSetting ：用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准，单位 px；

pixelRatio ：设备像素比。

关于微信小程序把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

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