Posted on 2012-04-15 16:37
zljpp 阅读(513)
评论(0) 编辑 收藏
近日，有消息称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代码。
文章出自：36氪