HTML5全屏來襲:支持瀏覽器原生全屏的JavaScript代碼發布

jopen 12年前發布 | 6K 次閱讀 HTML5

前兩天我們報道了最新發布的 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 代碼。

來自: www.36kr.com

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!