用JS。

公司專注于為企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、商城開發(fā),小程序設(shè)計(jì),軟件按需網(wǎng)站設(shè)計(jì)等一站式互聯(lián)網(wǎng)企業(yè)服務(wù)。憑借多年豐富的經(jīng)驗(yàn),我們會(huì)仔細(xì)了解各客戶的需求而做出多方面的分析、設(shè)計(jì)、整合,為客戶設(shè)計(jì)出具風(fēng)格及創(chuàng)意性的商業(yè)解決方案,成都創(chuàng)新互聯(lián)更提供一系列網(wǎng)站制作和網(wǎng)站推廣的服務(wù)。
在頁面加載完成后 獲取瀏覽器高度以及寬度,再設(shè)置VIDEO元素高度寬度即可。
script?type="text/javascript"
function?resizeBody()?{
var?bodyHeight?=?document.documentElement.clientHeight;
$("#Flash1").height(bodyHeight?+?"px");
$("body").height(bodyHeight?+?"px");
}
$(function?()?{
resizeBody();
});
/script
body?style="?width:100%;?height:100%;"?onresize="resizeBody()"
requestFullScreen。這是html5里面一個(gè)比較新的API。不同瀏覽器存在不同的方法前綴。需要區(qū)分。
可以對整個(gè)document進(jìn)行全屏,或?qū)δ硞€(gè)元素全屏(比如vidio控件)
通常瀏覽器都會(huì)預(yù)先進(jìn)行詢問,比如彈出浮層讓用戶確認(rèn)是否要全屏。只有用戶確認(rèn)全屏,你的全屏操作才會(huì)生效。
HTML5是近十年來Web標(biāo)準(zhǔn)最巨大的飛躍。HTML5并非僅僅用來表示W(wǎng)eb內(nèi)容,它也將Web帶入一個(gè)成熟的應(yīng)用平臺(tái),在這個(gè)平臺(tái)上,視頻,音頻,動(dòng)畫,以及同電腦的交互都被標(biāo)準(zhǔn)化。隨著HTML5的發(fā)展,各個(gè)瀏覽器都已經(jīng)或即將支持HTML5。在大潮流的推動(dòng)下,微軟也表示將把HTML5作為IE9的核心,并將全力投入HTML5。
很多平時(shí)最喜歡上網(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插件的安裝直接播放視頻 !
雖然有的網(wǎng)頁設(shè)置了自動(dòng)全屏,但是點(diǎn)了“x”之后退出了全屏并且視頻播放停下來了,點(diǎn)擊播放時(shí)又全屏了,但是我們可以退出全屏并繼續(xù)播放,具體方法:在全屏頁用兩指縮小手勢(不是下滑或點(diǎn)“x”,即刻退出全屏并繼續(xù)播放視頻。如果是的,請采納。
全屏api是新版本瀏覽器才支持,但每個(gè)瀏覽器支持的程度不一樣,有的支持了w3c標(biāo)準(zhǔn)方法(requestFullscreen),但有的瀏覽器只支持自有方法(需加前綴,如:webkitRequestFullScreen
),所以我們有用的時(shí)候?yàn)榱思嫒菟詾g覽器就得分別判斷去使用,所以就有了以下這種用法:
//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();?
}
//模擬F11
function F11key(){
//判斷是否ie并進(jìn)行相應(yīng)的全屏
//requestFullScreen()
var navigatorName = "Microsoft Internet Explorer"; ?
if( navigator.appName == navigatorName ){ ?
//alert("ie")
var WsShell = new ActiveXObject('WScript.Shell')
WsShell.SendKeys('{F11}');
}else{
var de = document.documentElement;
if (de.requestFullscreen) {
de.requestFullscreen();
} else if (de.mozRequestFullScreen) {
de.mozRequestFullScreen();
} else if (de.webkitRequestFullScreen) {
de.webkitRequestFullScreen();
}else if (de.msRequestFullscreen) {
de.msRequestFullscreen();
}
//alert("not ie")
}
}
分享題目:包含html5視頻全屏的詞條
瀏覽路徑:http://chinadenli.net/article11/dsgdsdd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站制作、網(wǎng)站排名、品牌網(wǎng)站設(shè)計(jì)、Google、響應(yīng)式網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)