index.wxss

.VideoPlayer {
}
.title {
  font-size: 36rpx;
  padding: 20rpx 40rpx;
  color: #333;
  font-weight: bold;
}
.main{
  width: 100%;
}
.main .isVideo{
  width: 100%;
  height:0;
  padding-bottom:56.25%;
  position: relative;
}
.main .isVideo video{
  width: 100%;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  display: block;
}
.main .isVideo video .posterImg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main .isVideo .playerBtn{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120rpx;
  height: 120rpx;
  margin-top: -60rpx;
  margin-left: -60rpx;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  overflow: hidden;
}
.main .isVideo .playerBtn image{
  width: 100%;
  height: 100%;
}