js实现点击图片,播放视频
<style>
.div{
position: relative;
}
.div #veImg{
position: relative;
z-index: 99;
cursor: pointer;
}
.div #ve{
position: absolute;
left: 0;
width: 100%;
z-index: 88;
}
</style>
<div class="about-xinli-left">
<img src="/images/about-xinli.jpg" alt="" id="veImg">
<video src="/images/sousuo.mp4" controls="" id="ve"></video>
</div>
<script>
var veImg = document.getElementById("veImg");
var ve = document.getElementById('ve');
veImg.onclick = function(){
veImg.style.display = "none";
ve.style.display = "block";
ve.play();
};
</script>