html5 video,audio控制播放多次,请求/监测全屏状态
2013-11-23 18:25
417 查看
audio
播放 Element.play(); 如果在播放中,调用play,从头播放,则需要先load,同时绑定结束方法,如
video
播放并请求全屏:
绑定全屏状态更新,监测即进入全屏或退出全屏
播放 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){} } });
相关文章推荐
- 控制webview使用html5的video播放视频不全屏(inline)的方法
- HTML5开发,audio 控制,当单个音频播放的时候,其它音频保持暂停状态,避免重音
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- 解决IOS通过HTML5播放Video或者Audio直接输出数据的问题
- HTML5 播放video或者audio
- HTML5 Video/Audio播放本地文件示例介绍
- 【移动端html5】 android video播放进度精确控制
- HTML5 Audio/Video常用控制事件
- 在使用html5 的audio,video播放语音,视频的一些总结心得
- html5 video播放调研,全屏,伪全屏
- Android 距离感应器和耳机状态监测(控制Audio输出通道切换)
- WebView 支持 Html5 video 进行全屏播放
- android webview 全屏播放H5 (Playing HTML5 video on fullscreen in android webview)
- 怎么控制媒体播放(<audio><video>)
- HTML5 audio与video标签实现视频播放,音频播放
- Html5之audio音频和video视频的控制详解(controls)
- HTML5音视频播放(Video,Audio)和常见的坑处理
- HTML5新标签video在iOS上默认全屏播放
- html5--移动端视频video的android兼容,去除播放控件、全屏等
- Android 使WebView支持HTML5 Video(全屏)播放的方法