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

 

posted @ 2021-12-15 14:29  云豹科技-苏凌霄  阅读(278)  评论(0编辑  收藏  举报