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

audio

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

 

Element.addEventListener('ended',function(){

　　this.load();

})
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){}
    }
});