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

    }

});