HTML5入门

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

字号+ 作者: 来源: 2014-11-16 20:49 我要评论( )

最新发布的FireFox 10开始支持全屏API。可能很多人暂时不清楚能把这个全屏API用在什么地方,但是已经有人把调用这个功能的JavaScript代码发布出来,并且已经能与HTML5的video标签组合应用

 

最新发布的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代码。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5的视频格式之争

    HTML5的视频格式之争

    2014-11-16 20:49

  • Windows Internet Explorer 10 开发者指南

    Windows Internet Explorer 10 开发者指南

    2014-11-16 20:49

  • 16 个印象深刻的 HTML5/CSS3/JavaScript 体验

    16 个印象深刻的 HTML5/CSS3/JavaScript 体验

    2014-11-16 20:49

  • 移动开发中HTML5能否替代本地程序?

    移动开发中HTML5能否替代本地程序?

    2014-11-16 20:49

网友点评