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

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

作者: __Max__ | 来源:发表于2018-05-11 16:32 被阅读0次

    问题一:

    有需求在上传视频时最好能得到个封面,在开发工具中使用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问题)

          本文链接:https://www.haomeiwen.com/subject/koifdftx.html