用JS。
創新互聯建站是專業的峨山縣網站建設公司,峨山縣接單;提供網站設計、成都網站設計,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行峨山縣網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!
在頁面加載完成后 獲取瀏覽器高度以及寬度,再設置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()"
全屏api是新版本瀏覽器才支持,但每個瀏覽器支持的程度不一樣,有的支持了w3c標準方法(requestFullscreen),但有的瀏覽器只支持自有方法(需加前綴,如:webkitRequestFullScreen
),所以我們有用的時候為了兼容所以瀏覽器就得分別判斷去使用,所以就有了以下這種用法:
//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并進行相應的全屏
//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")
}
}
雖然有的網頁設置了自動全屏,但是點了“x”之后退出了全屏并且視頻播放停下來了,點擊播放時又全屏了,但是我們可以退出全屏并繼續播放,具體方法:在全屏頁用兩指縮小手勢(不是下滑或點“x”,即刻退出全屏并繼續播放視頻。如果是的,請采納。
requestFullScreen。這是html5里面一個比較新的API。不同瀏覽器存在不同的方法前綴。需要區分。
可以對整個document進行全屏,或對某個元素全屏(比如vidio控件)
通常瀏覽器都會預先進行詢問,比如彈出浮層讓用戶確認是否要全屏。只有用戶確認全屏,你的全屏操作才會生效。
HTML5是近十年來Web標準最巨大的飛躍。HTML5并非僅僅用來表示Web內容,它也將Web帶入一個成熟的應用平臺,在這個平臺上,視頻,音頻,動畫,以及同電腦的交互都被標準化。隨著HTML5的發展,各個瀏覽器都已經或即將支持HTML5。在大潮流的推動下,微軟也表示將把HTML5作為IE9的核心,并將全力投入HTML5。
很多平時最喜歡上網看視頻、玩游戲的朋友經常抱怨不爽,因為網上好多視頻和游戲都需要安裝Flash插件,并且速度也跟不上!HTML5的出現解決了這一難題。HTML5提供了音頻視頻的標準接口,實現了無需任何插件支持,只需瀏覽器支持相應的HTML5標簽。怪不得都說HTML5是Flash的終結者!Safari5、Firefox4和Chrome6等瀏覽器加入了HTML5技術,可以免除Flash插件的安裝直接播放視頻 !
分享題目:html5視頻全屏的簡單介紹
文章網址:http://vcdvsql.cn/article10/dsdeido.html
成都網站建設公司_創新互聯,為您提供網站內鏈、品牌網站設計、網站導航、外貿網站建設、企業建站、網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯