HTML5 之全屏方法

全屏方法

HTML5規範容許用戶自定義網頁上任意元素全屏顯示。

• 元素對象.requestFullScreen() 開啓全屏顯示

• document.cancelFullScreen() 關閉全屏顯示

• 因爲其兼容性緣由，不一樣瀏覽器須要添加前綴如：webkit內核瀏覽器：webkitRequestFullScreen、webkitCancelFullScreen，如chrome瀏覽器。Gecko內核瀏覽器：mozRequestFullScreen、mozCancelFullScreen，如火狐瀏覽器。

• document.fullscreenElement 獲取處於全屏的元素 能夠用於檢測當前是否處於全屏

  • 若是當前沒有處於全屏 返回值爲空

  • 若是當前處於全屏 返回處於全屏的元素對象

  不一樣瀏覽器須要添加前綴document.webkitFullscreenElement、document.mozFullScreenElement