1 <div id="detail">2 <video id="js-video" preload="auto" x-webkit-airplay webkit-playsinline loop="loop" controls="controls" x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" playsinline="true" poster="https://staging.all-dream.com/assets/front/img/highlight.png" :src="stuInfo.highlightUrl"></video>3 </div>

1 #detail{height: auto; width: 100%; overflow: hidden;background: none; text-align: center;background:url(‘https://staging.all-dream.com/assets/front/img/highlight.png‘) no-repeat center center; background-size: cover;}2 #js-video{width: 100%; height: 100%; object-fit: fill; vertical-align: middle;}