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();//暂停播放
}

 

扫描二维码关注公众号，回复： 4421314 查看本文章