requestFullScreen。這是html5里面一個比較新的API。不同瀏覽器存在不同的方法前綴。需要區(qū)分。
成都創(chuàng)新互聯(lián)專注于興安盟企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站制作。興安盟網(wǎng)站建設(shè)公司,為興安盟等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站制作,專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
可以對整個document進(jìn)行全屏,或?qū)δ硞€元素全屏(比如vidio控件)
通常瀏覽器都會預(yù)先進(jìn)行詢問,比如彈出浮層讓用戶確認(rèn)是否要全屏。只有用戶確認(rèn)全屏,你的全屏操作才會生效。
HTML5是近十年來Web標(biāo)準(zhǔn)最巨大的飛躍。HTML5并非僅僅用來表示W(wǎng)eb內(nèi)容,它也將Web帶入一個成熟的應(yīng)用平臺,在這個平臺上,視頻,音頻,動畫,以及同電腦的交互都被標(biāo)準(zhǔn)化。隨著HTML5的發(fā)展,各個瀏覽器都已經(jīng)或即將支持HTML5。在大潮流的推動下,微軟也表示將把HTML5作為IE9的核心,并將全力投入HTML5。
很多平時最喜歡上網(wǎng)看視頻、玩游戲的朋友經(jīng)常抱怨不爽,因?yàn)榫W(wǎng)上好多視頻和游戲都需要安裝Flash插件,并且速度也跟不上!HTML5的出現(xiàn)解決了這一難題。HTML5提供了音頻視頻的標(biāo)準(zhǔn)接口,實(shí)現(xiàn)了無需任何插件支持,只需瀏覽器支持相應(yīng)的HTML5標(biāo)簽。怪不得都說HTML5是Flash的終結(jié)者!Safari5、Firefox4和Chrome6等瀏覽器加入了HTML5技術(shù),可以免除Flash插件的安裝直接播放視頻 !
meta name="screen-orientation" content="portrait"。
1.!-- uc強(qiáng)制豎屏 --meta name="screen-orientation" content="portrait"!-- QQ強(qiáng)制豎屏 --meta name="x5-orientation"。
2."x5-orientation" content="portrait"!-- UC強(qiáng)制全屏 --meta name="full-screen" content="yes"!-- QQ強(qiáng)制全屏 --。
3.meta name="x5-fullscreen" content="true"!-- UC應(yīng)用模式 --meta name="browsermode" content="application"。
4.!-- QQ應(yīng)用模式 --meta name="x5-page-mode" content="app"!-- windows phone。
5.點(diǎn)擊無高光 --meta name="msapplication-tap-highlight" content="no"!-- 適應(yīng)移動端end --設(shè)置橫屏應(yīng)用得在config里面設(shè)置。
項(xiàng)目中需要將后臺瀏覽器的窗口全屏,也就是我們點(diǎn)擊一個按鈕要實(shí)現(xiàn)按F11全屏的效果。
在HTML5中,W3C制定了關(guān)于全屏的API,就可以實(shí)現(xiàn)全屏幕的效果,也可以讓頁面中的圖片,視頻等全屏目前只有g(shù)oogle
chrome
15
+,
safri5.1+,firfox10+,IE11支持
全屏
var
docElm
=
document.documentElement;
//W3C
if
(docElm.requestFullscreen)
{
docElm.requestFullscreen();
}
//FireFox
else
if
(docElm.mozRequestFullScreen)
{
docElm.mozRequestFullScreen();
}
//Chrome等
else
if
(docElm.webkitRequestFullScreen)
{
docElm.webkitRequestFullScreen();
}
//IE11
else
if
(elem.msRequestFullscreen)
{
elem.msRequestFullscreen();
}
網(wǎng)站題目:html5瀏覽器全屏,瀏覽器網(wǎng)頁如何全屏
文章轉(zhuǎn)載:http://aaarwkj.com/article2/dsspioc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站、、外貿(mào)建站、網(wǎng)站導(dǎo)航、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)