android短视频开发,点击静态图片自动跳转播放视频
android短视频开发,点击静态图片自动跳转播放视频实现的相关代码
<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>
以上就是 android短视频开发,点击静态图片自动跳转播放视频实现的相关代码,更多内容欢迎关注之后的文章