HTML5全屏来袭:支持浏览器原生全屏的JavaScript代码发布
来源:互联网 发布:美工强大的手游 编辑:程序博客网 时间:2024/04/29 02:16
最新发布的FireFox 10开始支持全屏API。可能很多人暂时不清楚能把这个全屏API用在什么地方,但是已经有人把调用这个功能的JavaScript代码发布出来,并且已经能与HTML5的“video”标签组合应用。
在这个jQuery插件的主页上,发布了一个全屏演示和一个应用“video”标签的视频演示。同时提醒除FireFox 10外,仅Chrome 15与Safari 5.1或更高版本的浏览器支持原生全屏API。也就是说,你的浏览器版本不满足这个条件,可就不能正常运行这个功能。目前所有的IE浏览器都暂不支持,该Demo在检测出来后会给你相应提示。
经测试,首次运行全屏Demo时浏览器会出现一个浏览器的授权提示,在你允许后下次再运行就不会再出现。Demo在全屏后只能按“ESC”键退出,在页面中没有显示或隐藏的退出全屏接口,在代码的实际应用时建议还是加上。
如果浏览器支持HTML5,你应该可以看到这段视频。如果同时还是上述版本的浏览器,可以试着将其全屏播放。需要再次提醒的是,这段视频由“video”标签载入,而非Flash。
另还有“audio”标签加载的音频,感兴趣的朋友可以去他们的网站了解详情,或者是去GitHub查看实现全屏的JavaScript代码。
- HTML5全屏来袭:支持浏览器原生全屏的JavaScript代码发布
- javascript控制HTML5的全屏操控,浏览器兼容问题
- Html5 Api 实现浏览器全屏
- 浏览器打开就是全屏的代码说明
- JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
- JavaScript控制浏览器全屏及各种浏览器全屏模式的方法、属性和事件
- HTML5全屏
- html5全屏
- html5全屏
- HTML5代码实例:HTML5全屏API
- WebView 支持 Html5 video 进行全屏播放
- html5 Api 浏览器全屏使用心得
- 用html5 js实现浏览器全屏
- 用html5 js实现浏览器全屏
- javascript 支持触屏的全屏预览图片的效果
- 全屏浏览器
- 浏览器全屏
- 开启全屏视频播放,全屏开启ie浏览器的C++代码实现
- GCC
- linux tomcat 单应用 多实例 多用户配置
- windows必备软件
- android 入门不顺啊,解压android_gingerbread_realv210_ver_1_0.tar.bz2出错
- 初学Java,判断类型是否可强制转换(十二)
- HTML5全屏来袭:支持浏览器原生全屏的JavaScript代码发布
- DevExpress常见问题解决方案
- SQL SERVER 2000/2005/2008 一句话完成分组后加序号--【叶子】
- hdu1210
- 在线清除mysql的mysql-bin.000 二进制文件
- SQL Server 查询优化
- ActionMessage、ActionMessages、saveMessages()、saveErrors()、之间的关系及用法
- windows系统查看详细系统信息方法
- C#不同类型的成员变量(字段)的默认值