uniapp 视频去除上下黑边,封面图适应大小

方法1

在video上增加属性

方法2

//可通过 wxss 设置宽高

       

  • bindloadedmetadata:视频元素加载完成时触发。

  • 对bindloadedmetadata 绑定事件 videometa

videometa:function (e) {
    var that = this;
    //获取系统信息
    wx.getSystemInfo({
      success (res) {
        //视频的高
        var height = e.detail.height;
        
        //视频的宽
        var width = e.detail.width;
 
        //算出视频的比例
        var proportion = height / width;
 
        //res.windowWidth为手机屏幕的宽。
        var windowWidth = res.windowWidth;
        //算出当前宽度下高度的数值
        that.height = proportion * windowWidth;
        that. width = windowWidth
      }
    })
  },



你可能感兴趣的:(uniapp 视频去除上下黑边,封面图适应大小)