uni-app video组件特性不支持小程序部分特性
uni-app video组件特性不支持小程序部分特性
示例代码:
<video id="video" :poster="poster" :src="info.videoInfo.Mezzanine.FileURL" :controls="false" :autoplay="true" :vslide-gesture="true" :enable-auto-rotation="true" object-fit="contain" :style="{width:${videoWidth}px,height:${videoHeight}px}" @play="paly" @fullscreenchange="fullscreenchange"></video>
操作步骤:
- video组件加入enable-auto-rotation编译运行到微信小程序
预期结果:
- 希望uniapp支持video组件的enable-auto-rotation特性,顺便也检查一下其他组件的特性是否有更新
实际结果:
- uniapp不支持video组件的enable-auto-rotation特性
bug描述:
微信小程序从2.11.0开始,video组件支持enable-auto-rotation
特性,但是uniapp里面的video组件没看到对应的属性,直接写到uniapp里面编译到小程序里面也不支持该特性
| 信息类别 | 信息内容 |
|----------------|--------------------------------|
| 产品分类 | uniapp/小程序/微信 |
| PC开发环境 | Windows |
| 操作系统版本 | Windows10 2004 |
| 开发工具类型 | 正式 |
| 开发工具版本 | HBuilderX 3.1.4 |
| 第三方工具版本 | 1.05.2102010 |
| 基础库版本 | 2.16.0 |
| 项目创建方式 | HBuilderX |
更多关于uni-app video组件特性不支持小程序部分特性的实战教程也可以访问 https://www.itying.com/category-93-b0.html
编译后的文件没有出现该属性吗?
更多关于uni-app video组件特性不支持小程序部分特性的实战教程也可以访问 https://www.itying.com/category-93-b0.html
是的,我加到uniapp的video组件里面,编译后,小程序开发工具 里面没看到该属性
回复 3***@qq.com: 编译后的这部分代码复制或者截图看下
回复 DCloud_UNI_GSQ:截图怎么回复给呢
回复 DCloud_UNI_GSQ: 楼下给你回复了
在这里的附件给你回复了截图
我又测试了一下,仍然没有复现,你是 cli 创建的工程吗?
回复 DCloud_UNI_GSQ: 不是,HBuilder X创建的,不过我换个方式去实现了我要的功能了
确实,uni-app的video组件目前尚未适配微信小程序的enable-auto-rotation
属性。该属性自微信小程序基础库2.11.0起支持,允许视频在设备旋转时自动全屏,但uni-app未将其映射到跨端属性中。
建议在uni-app项目中使用条件编译针对微信小程序平台单独处理:
<!-- #ifdef MP-WEIXIN -->
<video enable-auto-rotation="{{true}}"></video>
<!-- #endif -->