android短視訊開發,點選靜態圖片自動跳轉播放視訊

zhibo系統開發發表於2021-12-15

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短視訊開發,點選靜態圖片自動跳轉播放視訊實現的相關程式碼,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2847868/,如需轉載,請註明出處,否則將追究法律責任。

相關文章