h5视频播放

<video class=”ss” type=”video/mp4″ src=”https://ksv-video-publish.cdn…; ></video>

    
    <div class="ctl">
        <input type="button" value="播放" />
        <input type="button" value="快进*1" />
        <input type="button" value="静音" />
    </div>

<script>

        var vd = document.querySelector("video")
        var btns =document.querySelectorAll(".ctl input")
        btns[0].onclick = function (){
            if(vd.paused){
                vd.play();
                this.value = "停息"
            }else{
                vd.pause()
                this.value = "播放"
            }
        }
        btns[1].onclick = function (){
            if(vd.playbackRate >=8){
                vd.playbackRate =1
            }else{
                vd.playbackRate *=2
            }
            this.value = "快进(X"+vd.playbackRate+")";
        }
        btns[2].onclick = function (){
            vd.muted = !vd.muted;
            this.value = vd.muted ? "作废静音" : "静音"
        }
    </script>
    原文作者:啊衰
    原文地址: https://segmentfault.com/a/1190000019423347
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞