小程序 上传视频及video组件播放问题(主要是ios问题)

问题一:

有需求在上传视频时最好能得到个封面,在开发工具中使用choosevideo 选视频的回调中,有thumbTempFilePath,貌似可以做封面,结果TMD真机没有,好吧,没有就另想办法。

办法一:如果静态资源是在七牛或者阿里云上,都会有视频截帧的方法。

ps: ios 上通过摄像头竖屏拍摄的视频上传到阿里云后,出现截图方向反转 90deg 的问题,(由于没有买阿里云视频点播的功能,而oss图片截帧参数太弱了),处理办法是在IOS 上区分 调用拍摄和从相册选择(用showActionSheet模拟),在拍摄上传上写个参数如isCamare,然后在显示时,把阿里云获取的视频截帧赋值到image上,然后对image 进行 transform: rotate(90deg);


问题二:

ios  有时video  设置 autoplay属性,但是视频打不开,黑屏或者打开只有一个图片,视频的控件(播放按钮、进度条、时长)都出不来

办法: 声明wx.createVideoContext('videoId')后,手动调用 play 方法,即可


问题三: 

当时页面有一些固定定位,而video、textarea 等小程序原生组件,层级最高,更改不了z-index,导致滚动页面会覆盖定位元素。

办法:初始页面时,只显示视频封面(图片)+ 一个播放按钮icon,在用户点击播放时,显示视频,且用一个很高层级的半透明遮罩把定位元素盖住,在播放视频时,滚动页面先暂停视频再隐藏视频(不然即使隐藏还是会有声音),这样在播放视频时就不会影响页面其他元素。

你可能感兴趣的:(小程序 上传视频及video组件播放问题(主要是ios问题))