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

     <p> 前两天我们报道了最新发布的 FireFox 10 开始支持全屏 API。可能很多人暂时不清楚能把这个全屏 API 用在什么地方，但是已经有人把调用这个功能的 JavaScript 代码发布出来，并且已经能与 HTML5 的“video”标签组合应用。</p>    <p> 在这个 jQuery 插件的<a href="/misc/goto?guid=4958328124322140862" rel="external nofollow" target="_blank">主页</a>上，发布了一个<a href="/misc/goto?guid=4958328125133187314" rel="external nofollow" target="_blank">全屏演示</a>和一个应用“video”标签的<a href="/misc/goto?guid=4958319809322148122" rel="external nofollow" target="_blank">视频演示</a>。同时提醒除 FireFox 10 外，仅 Chrome 15 与 Safari 5.1 或更高版本的浏览器支持原生全屏 API。也就是说，你的浏览器版本不满足这个条件，可就不能正常运行这个功能。目前所有的 IE 浏览器都暂不支持，该 Demo 在检测出来后会给你相应提示。</p>    <p> 经测试，首次运行全屏 Demo 时浏览器会出现一个浏览器的授权提示，在你允许后下次再运行就不会再出现。Demo 在全屏后只能按“ESC”键退出，在页面中没有显示或隐藏的退出全屏接口，在代码的实际应用时建议还是加上。</p>    <p> 如果浏览器支持 HTML5，你应该可以看到<a href="/misc/goto?guid=4958319809322148122" rel="external nofollow" target="_blank">这段</a>视频。如果同时还是上述版本的浏览器，可以试着将其全屏播放。需要再次提醒的是，这段视频由“video”标签载入，而非 Flash。</p>    <p> 另还有“audio”标签加载的音频，感兴趣的朋友可以去他们的<a href="/misc/goto?guid=4958319809322148122" rel="external nofollow" target="_blank">网站</a>了解详情，或者是去 <a href="/misc/goto?guid=4958328128138065729" rel="external nofollow" target="_blank">GitHub</a> 查看实现全屏的 JavaScript 代码。<br /> </p>    <div id="come_from">     来自:     <a id="link_source2" href="/misc/goto?guid=4958328128930972196" target="_blank">www.36kr.com</a>    </div>    <p></p>