html点击div播放视频,CSS2 video点击中间播放按钮播放视频代码

自定义图片(背景不是poster)。覆盖到视频上，然后点击这个可以 播放。

HTML部分：

Your browser does not support the video tag.

CSS部分：

.video-box{

position: relative;

}

.video-box video{

display: inline-block;

vertical-align: baseline;

}

.video-box .video-img{

position: absolute;

top: 0;

bottom: 0;

width: 100%;

z-index: 999;

background: url(/web/pic/v.jpg) no-repeat;

background-size: 100% 100%;

cursor:pointer

}

JS控制部分：

$(".video-img").click(function(){

$(this).hide();

$("#video")[0].play();

})