換瀏覽器,Chrome,火狐,Opera,IE9,IE10,IE11以上這些都支持,像IE8以及以下不支持HTML5的。要么最好別用html5,css3,如果不想換還又想用就下載插件,用js實(shí)現(xiàn),不過效果不是太好。
創(chuàng)新互聯(lián)網(wǎng)站建設(shè)由有經(jīng)驗(yàn)的網(wǎng)站設(shè)計(jì)師、開發(fā)人員和項(xiàng)目經(jīng)理組成的專業(yè)建站團(tuán)隊(duì),負(fù)責(zé)網(wǎng)站視覺設(shè)計(jì)、用戶體驗(yàn)優(yōu)化、交互設(shè)計(jì)和前端開發(fā)等方面的工作,以確保網(wǎng)站外觀精美、成都網(wǎng)站建設(shè)、成都網(wǎng)站制作易于使用并且具有良好的響應(yīng)性。
第一種方法:IE9以下版本的IE將創(chuàng)建HTML5標(biāo)簽, 非IE瀏覽器會(huì)忽略這段代碼,因此不會(huì)發(fā)生http請求,也就不影響網(wǎng)頁執(zhí)行效率。
!--[if lt IE9]
script
(function() {
if (!
/*@cc_on!@*/
0) return;
var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
var i= e.length;
while (i--){
document.createElement(e[i])
}
})()
/script
![endif]--
第二種方法:在你的網(wǎng)頁中引入Google的html5shiv包(推薦)
!--[if lt IE9]
script src=""/script
![endif]--
但是不管使用以上哪種方法,都要初始化新標(biāo)簽的CSS.因?yàn)镠TML5在默認(rèn)情況下表現(xiàn)為內(nèi)聯(lián)元素,對這些元素進(jìn)行布局我們需要利用CSS手工把它們轉(zhuǎn)為塊狀元素方便布局
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
但是如果ie6/7/8 禁用腳本的用戶,那么就變成了無樣式的"白板"網(wǎng)頁,我們該怎么解決呢?
我們可以參照facebook的做法,即引導(dǎo)用戶進(jìn)入帶有noscript標(biāo)識(shí)的 “/?_fb_noscript=1”頁面,用 html4 標(biāo)簽替換 html5 標(biāo)簽,這要比為了保持兼容性而寫大量 hack 的做法更輕便一些。
!--[if lte IE 8]
noscript
style.html5-wrappers{display:none!important;}/style
div class="ie-noscript-warning"您的瀏覽器禁用了腳本,請a href=""查看這里/a來啟用腳本!或者a href="/?noscript=1"繼續(xù)訪問/a.
/div
/noscript
![endif]--
引導(dǎo)用戶開啟腳本,或者直接跳轉(zhuǎn)到HTML4標(biāo)簽設(shè)計(jì)的界面。
html5的video標(biāo)簽只有部分瀏覽器支持,對于IE只有9.0+以上的版本才支持,所以對于視頻播放要做兼容,下載所需要的源文件:html5media.min.js,flowplayer.controls.swfflowplayer.swf即可解決。詳細(xì)步驟:
1、首先下載所需要的源文件:html5media.min.js,flowplayer.controls.swfflowplayer.swf。
2、然后將解壓后的js文檔和swf文檔放在同一目錄下,在head部分引入js文檔,
3、然后在要引入視頻的位置放入video標(biāo)簽,通常放置在div內(nèi)
4、width:為視頻播放寬度,height:為視頻播放高度,如果視頻大笑適中這里可以不設(shè)置,播放器會(huì)自動(dòng)加載視頻的原始大小。
如果視頻原始大小太大,但不清楚比例,可以只設(shè)置高度或者寬度。另外一個(gè)設(shè)置為auto自動(dòng)適應(yīng),這樣視頻不會(huì)變形。
如果想要視頻自動(dòng)播放,可在video標(biāo)簽中加入autoplay標(biāo)簽。
5、src為視頻源文件的路徑,poster為視頻播放前顯示的圖片。為播放切換的自然,這里可以設(shè)置成視頻播放的第一個(gè)畫面截圖。
preload:為預(yù)加載視頻,設(shè)置為auto代表自動(dòng)加載。
source標(biāo)簽可以省略,但是video標(biāo)簽內(nèi)的src屬性不能省略,如果省略,在IE瀏覽器中會(huì)報(bào)錯(cuò)。
所以最后精簡后的源碼可以如下圖所示這樣。
6、如果調(diào)試過程中,其他瀏覽器沒有問題,但是ie總是有問題的話,清空ie瀏覽器的緩存再調(diào)試。清空緩存步驟如下,先找到Internet工具
7、進(jìn)入后,點(diǎn)擊瀏覽歷史下面的刪除按鈕。
8、清除如下內(nèi)容即可,完成后,再用IE刷新頁面。
HTML5 標(biāo)準(zhǔn)是新的網(wǎng)頁語言標(biāo)準(zhǔn),html5原生的video更靈活更好用顯示更美觀,雖然現(xiàn)在很多瀏覽器都在擁抱html5標(biāo)準(zhǔn),但是html5的標(biāo)準(zhǔn)還未正式發(fā)布。所以有些舊瀏覽器不支持html5的新標(biāo)簽或者一些新瀏覽器支持不全html5的新標(biāo)簽新特性,導(dǎo)致一些html5網(wǎng)頁中的特性發(fā)揮不出來作用或者出錯(cuò)了。
等標(biāo)準(zhǔn)的完善慢慢就會(huì)好的,你這種情況應(yīng)該是當(dāng)前瀏覽器不支持瀏覽網(wǎng)頁中的video造成的,目前對html5最好的瀏覽器我個(gè)人認(rèn)為是ch ome瀏覽器,360的瀏覽器其中的極速模式對html5支持也不錯(cuò),兼容模式要看ie的版本了,如果是ie11那還行。
最簡單的解決辦法就是,你多更換幾個(gè)瀏覽器,選擇一個(gè)合適并且你習(xí)慣使用的即可解決問題了。