1. 程式人生 > >html5 video 移動開發二(js控制 video 開始暫停,全屏等功能)

html5 video 移動開發二(js控制 video 開始暫停,全屏等功能)

var video=document.getElementById("myPlayer");

進入全屏js控制:

//谷歌(webkit核心瀏覽器)

video.webkitRequestFullScreen()

//火狐

video.mozRequestFullScreen();

在火狐瀏覽器測試時,遇到:

請求全屏已拒絕,Element.requestFullscreen() 不是從短期執行的使用者生成的事件處;

找了半天問題,結果是直接通過a標籤href屬性呼叫方法就會輸出這個錯誤,直接給元素繫結事件就可以了

//歐朋

video.oRequestFullScreen()

//IE(IE瀏覽器記得screen 的s一定是小寫,否則呼叫不成功)

video.msRequestFullscreen() 

//蘋果手機(為什麼不是webkitRequestFullScreen()?不得其解)

video.webkitEnterFullscreen()

聲音控制

       if(video.muted){
            video.muted=false;//開啟聲音
        }else{
            video.muted=true;//關閉聲音
        }

開始/暫停播放

if(video.paused){
     video.play();//開始播放
}else{
     video.pause();//暫停播放
}