HTML5全屏来袭:支持浏览器原生全屏的JavaScript代码发布

标签: HTML5 创业公司 johndyer | 发表时间:2012-02-04 22:00 | 作者:Abner Tsang
出处:http://www.36kr.com

前两天我们报道了最新发布的 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”标签加载的音频。

native

感兴趣的朋友可以去他们的 网站了解详情,或者是去 GitHub查看实现全屏的JavaScript代码。视频和音频标签相关的内容在 这里

猜你喜欢
用HTML5和JavaScript模拟Gameboy
WordPress发布HTML5新主题Toolbox
strobe发布全新HTML5应用平台
Adobe发布新的HTML5视频播放器小工具
GameSalad: 率先使用HTML5发布新游戏
无觅
除非注明,本站文章均为原创或编译,转载请注明: 文章来自 36氪


相关 [html5 浏览器 javascript] 推荐:

PouchDB:一个JavaScript与HTML5实现的浏览器端CouchDB

- Vingel - NoSQLFan
CouchDB的一大特点是利用其同步机制在终端与服务端进行数据同步,比如在移动终端Android系统和iOS系统下都有CouchDB的实现,其策略是离线时将数据存在本地,在线后将数据与服务端进行同步. 而今天要说的是利用JavaScript和HTML5的IndexedDatabase实现的一个完全兼容CouchDB同步协议的家伙:PouchDB.

HTML5全屏来袭:支持浏览器原生全屏的JavaScript代码发布

- - 36氪
前两天我们报道了最新发布的 FireFox 10开始支持全屏API. 可能很多人暂时不清楚能把这个全屏API用在什么地方,但是已经有人把调用这个功能的JavaScript代码发布出来,并且已经能与HTML5的“video”标签组合应用. 在这个jQuery插件的 主页上,发布了一个 全屏演示和一个应用“video”标签的 视频演示.

Javascript和CSS浏览器兼容总结

- Keel - ITeye资讯频道
这篇文章重点总结了Javascript和CSS浏览器兼容性问题. document.form.item 问题. 代码中存在 document.formName.item(“itemName”). 这样的语句,不能在FIREFOX下运行. 改用 document.formName.elements["elementName"].

javascript兼容多种浏览器

- - JavaScript - Web前端 - ITeye博客
随着以Firefox为代表的第三方浏览器的兴起,我们做的网站也不能再JUST IE了,如果把原来的一些Javascript代码放到IE以外的浏览器的话,往往都不能正常运行或出错,所以这里介绍一下怎么改进我们的JS,让它能更加规范,更加具有兼容性.        不吃苹果  .

Chrome浏览器HTML5性能评测

- - HTML5研究小组
编者按:大家知道HTML5有两大特点是强化Web网页的表现性能和追加本地数据库等Web应用的功能. 对于 表现功能上的呈现问题,想必也是绝大多数Chrome浏览器用户选择使用Chrome的其中一个最主要原因. 而了解HTML5架构的浏览器,追求浏览器网 页在线视频的高清播放能力以及浏览器稳定运行性能的玩家们,则更关心Chrome浏览器HTML5性能的表现.

现代浏览器的web音频javascript类库 - Howler.js

- - CSDN博客Web前端推荐文章
日期:2013-2-6  来源: GBin1.com. 浏览器这个玩意儿并不是个新鲜事,但是随着HTML5的发展激起了浏览器技术的巨大发展. 但是浏览器上对于音频控制技术来说仍旧非常的落伍. 庆幸的是 Google积极的开发和创建了web audio API,这使得基于浏览器的音频控制更加的简单并且直观.

JavaScript笔记之操作浏览器窗口

- - CSDN博客推荐文章
        窗口是Web浏览器中最重要的界面元素,JavaScript提供了许多操作窗口的工具,JavaScript处理窗口的方式与处理框架很相似(因为框架是位于总浏览器窗口中的文档窗口).       今天学习了如何使用JavaScript打开关闭,更新和定位窗口,如何使用JavaScript将信息写入窗口,从而可以在运行时构建网页.

Conditioniz – 探测浏览器并条件加载 JavaScript 和 CSS

- - 博客园_梦想天空
  Conditioniz 是一个快速、轻量级(3KB)的 JavaScript 工具,用于探测浏览器和分辨率并条件加载 JavaScript 和 CSS 文件. Conditioniz 从它的 jQuery 前身重建,现在速度要快50%. 结合类名添加和 Conditionizr 集成的脚本和样式加载功能,允许你为不同的浏览器指定想加载的脚本和样式.

JAVASCRIPT 浏览器兼容性问题及解决方案列表

- - ITeye博客
原文链接 http://www.javaarch.net/jiagoushi/611.htm. 如果需要传递参数,可以使用frame或者iframe. 兼容所有: 在声明变量时,一律加上 var ,以避免歧义,这样在 IE 中亦可正常运行. 此外,最好不要取与 HTML 对象 id 相同的变量名,以减少错误.