小程序完美去上下黑边浏览器可用_小程序图片有黑边-CSDN博客

本文链接：https://blog.csdn.net/qq_25694691/article/details/103278273

小程序完美去上下黑边浏览器可用
在这里插入图片描述

 <!--wxml-->
  <view class="vid-wrap">
      <video src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" class="vid-wrap"  autoplay='true'show-play-btn="true" loop="true">
    </video>
  </view>
  <!--*******************下一个************************/-->
    <view class="vid-wrap">
<video class="vid-wrap"  autoplay='true'show-play-btn="true" loop="true" src="{{mapUrl}}"> </video>
  </view>





  <!--js-->
  
Page({
  data: {
    mapUrl: "",
  },
  onReady: function () {
    this.setData({
      mapUrl: "http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
    })
  },
});

css

 .vid-wrap{width:100%;padding-bottom:57.25%;height: 0; }