html5 video,audio控制播放多次,请求/监测全屏状态

audio

播放 Element.play(); 如果在播放中,调用play,从头播放,则需要先load,同时绑定结束方法,如

1 Element.addEventListener('ended',function(){
2 
3   this.load();
4 
5 })
6 Element.load();Element.paly();

video

播放并请求全屏:

video.play();
video.webkitEnterFullscreen && video.webkitEnterFullscreen();
video.mozRequestFullScreen && video.mozRequestFullScreen();

绑定全屏状态更新,监测即进入全屏或退出全屏

video.addEventListener('webkitfullscreenchange', function(e) {
    if (document.webkitIsFullScreen) {
        //alert('进入全屏
    } else {
        //alert('退出全屏')
        try{
            video.pause();
            video.load();
        }catch(e){}
    }
});

video.addEventListener('mozfullscreenchange', function(e) {
    if (document.mozIsFullScreen) {
        //alert('进入全屏
    } else {
        //alert('退出全屏')
        try{
            video.pause();
            video.load();
        }catch(e){}
    }
});