视频和显示图片充满父元素
视频
<div class="profiles_video_bj">
<video id="about-video" style="z-index: 5;" height="250" width="100%"
src="./image/about-video.mp4" poster="./image/profiles_video_bj.jpg"
onclick="playPause();" loop="loop" x-webkit-airplay="true" webkit-playsinline="true">
</video>
</div>
.profiles_video_bj{
height: 250px;
width: 100%;
}
.profiles_video_bj video{
object-fit: cover;
}
// 视频播放按钮功能
function playPause()
{
var video1=document.getElementById("about-video");
if(video1.paused){
video1.play();
}else{
video1.pause();
}
}