h5視頻播放

<video class="ss" type="video/mp4" src="https://ksv-video-publish.cdn...; ></video>ide

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

<script>this

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>
相關文章
相關標籤/搜索