html5 video 移動開發二(js控制 video 開始暫停,全屏等功能)
阿新 • • 發佈:2018-12-08
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();//暫停播放 }