支持浏览器原生全屏的JavaScript代码发布
日期:2012-02-05 阅读:86 分类:HTML5
最新发布的 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 代码。
来自: www.36kr.com
本页链接: http://www.scriptlover.com/static/1554-html5-javascript
标签: html5 javascript
相关文章
- W3C公布HTML5的WEB标准草案 2008-07-29
- html5功能视频演示 2008-11-16
- 狙击野鸭:一个HTML5 + JavaScript游戏 2011-11-03
- 推荐几本HTML5书籍资源 2011-09-08
- Web移动应用:HTML5,CSS和JavaScript 2011-07-09
- Javascript在chrome中辅助预订火车票的方法 2012-01-06
- 一款不错的日历控件 2008-07-31
- getElementsByClassName 2008-07-21
- Javascript常用函数归档 2008-12-01
- JS和VML画曲线图 2008-07-06