HTML5全屏來襲：支持瀏覽器原生全屏的JS代碼
前兩天我們報道了最新發布的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氪
本文由用戶 fmms 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！