您的位置:首页 > Web前端 > HTML5

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

2013-11-23 18:25 417 查看
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){}
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: