DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> HTML5全屏來襲:支持浏覽器原生全屏的JavaScript代碼發布
HTML5全屏來襲:支持浏覽器原生全屏的JavaScript代碼發布
編輯: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代碼。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved