1. 程式人生 > >檢測瀏覽器是否支援HTML5視訊

檢測瀏覽器是否支援HTML5視訊

function checkVideo()
{
	if(!!document.createElement('video').canPlayType){
		var vidTest=document.createElement("video");
		oggTest=vidTest.canPlayType('video/ogg; codecs="theora, vorbis"');
		if (!oggTest){
			h264Test=vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"');
			if (!h264Test){
				document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
			}else{
				if (h264Test=="probably"){
					document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
				}
				else{
					document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
				}
			}
		}
		else{
			if (oggTest=="probably"){
				document.getElementById("checkVideoResult").innerHTML="Yes! Full support!";
			}
			else{
				document.getElementById("checkVideoResult").innerHTML="Well. Some support.";
			}
		}
	}
	else{
		document.getElementById("checkVideoResult").innerHTML="Sorry. No video support."
	}
} 


相關推薦

檢測瀏覽器是否支援HTML5視訊

function checkVideo() { if(!!document.createElement('video').canPlayType){ var vidTest=document.createElement("video"); oggTest=vid

HTML5之啟動篇-檢測瀏覽器是否支援HTML5與第一個H5程式

通過編寫javaScript瞭解瀏覽器是否支援HTML5與第一次編寫HTML5 的Hello world程式 //觸發標準模式 <!DOCTYPE html> <html

檢測瀏覽器是否支援hmtl5視訊的方法

從w3school上抄下來的 function checkVideo() { if(!!document.createElement('video').canPlayType) { var vidTest=document.createElement("v

關於ie9以下瀏覽器支援html5元素

ie9以下的瀏覽器都不能支援html5標籤(article,aside,dialog,footer,header,section,footer,nav,figure,menu)。 方法一: !--[

ie8以下版本(包括ie8)的瀏覽器支援html5標籤屬性解決方案(Modernizr 2.6.2外掛的使用)

我這邊申明下:我寫這篇日誌主要是想然ie8能夠支援html5的個別標籤閉合,並不能讓ie完全支援html5,我之前寫的可能會誤導很多同學,希望大家能明白。 今天腦抽想用html5標籤設計一個網頁,我本人用的是火狐瀏覽器,都弄好後我發現一個很嚴重的問題,除了ie9以下

js判讀瀏覽器是否支援html5的canvas

<canvas id="myCanvas" width=”300” height=”200” style="border:1px solid #c3c3c3;"> Your brows

js檢測瀏覽器是否支援css的屬性

1.如果你想用到CSS3中的圓角新特性,你應該使用 border-radius 義他們。但是因為這個特性仍然還沒有最終定稿,所以瀏覽器們只支援他們對應的自己實現的版本。所以 -moz-border-radius 就對應於Mozilla Firefox, 而 -webkit-border-radius 則相對應

js檢測瀏覽器支援的字型

通過js檢測瀏覽器支援的字型,從而顯示支援的字型,讓使用者選擇 轉載出處 字型函式: var dataFont = { windows: [{ ch: '宋體', en: 'SimSun' }, { ch: '黑體',

檢測自己的瀏覽器是否支援WebGL

在瀏覽器位址列輸入 https://get.gebgl.org 如果得出下面圖形,就說明瀏覽器是支援WebGLS的,經過嘗試,發現Chome瀏覽器,微軟Edge以及搜狗瀏覽器都能很好的支援WebGL

HTML5中Vedio標籤支援視訊格式

1、目前,<video> 元素支援三種視訊格式:MP4、WebM、Ogg。但這三種格式對於瀏覽器的相容性卻各不同。 MP4 = MPEG 4檔案使用 H264 視訊編解碼器和AAC音訊編解碼器 WebM = WebM 檔案使用 VP8 視訊編解碼器和 Vorb

Html5 在 Android/IOS 瀏覽器不自動播放視訊

相信很多Web前端開發小夥伴因為工作的需求,在研究怎麼通過HTML5實現視訊在手機瀏覽器的自動播放(主流瀏覽器)。在這裡,我要告訴大家: Chrome for Android 從版本54開始支援靜音

HTML5支援視訊格式

原來HTML5支援的視訊壓縮格式與封裝格式都是有限制的,看來做一個BS結構的流媒體應用實用性不太強。 當前,video 元素支援三種視訊格式: 格式 IE Firefox Op

讓不支援HTML5的老瀏覽器 “相容”HTML5

為了能讓那些陳舊的瀏覽器顯示HTML5效果 我們需要做的是: 1、CSS屬性 變成塊元素 header, section, footer, aside, nav, main, article, figure { display:block; } 2、來自度孃的偉

瀏覽器支援HTML5+標準,可達到原生的功能體驗

北京時間10月28日,在北京國家會議中心,工信部召開的《2016移動智慧終端峰會》上,舉辦了HTML5中國產業聯盟掛靠工信部信通院標準所的掛靠儀式。HTML5中國產業聯盟之前是W3C指導下成立的組織,由十幾家從業單位組成,為HTML5開發者提供全方位的開發、發行

直接在低版本IE6/7/8瀏覽器中使用HTML5的audio和video標籤播放視訊音訊的辦法

 雖然我的mp4格式的視訊 還是沒播放起來 但覺得 這些 還是很有參考價值的 支援低版本IE的html5播放器演示 通常人們習慣用swf播放器來播放網路視訊音訊 HTML5給我們帶來了很多驚喜,其中新增加的audio和video標籤可以讓我們更方便的在網頁中

讓低版本的IE瀏覽器支援HTML5

Internet Explorer 瀏覽器問題 你可以使用以上的方法來為 IE 瀏覽器新增 HTML5 元素,但是: 我們可以使用 Sjoerd Visscher 建立的 "HTML5 Enabling JavaScript", " shiv" 來解決該問題: <!-

檢測客戶端瀏覽器是否支援cookie

 cookie的主要作用是儲存狀態,識別身份。因此在很多情況下都可以使用到cookie,特別是在使用者身份驗證的時候。例如,實現嚴格的跨頁面全域性變數。它的一般用途包括儲存使用者登入狀態、跟蹤使用者行為、定製頁面、建立購物車等。cookie雖然有那麼多的好處,但是在使用前,

HTML5-JS檔案-讓IE瀏覽器支援HTML5標準

  自HTML5標準的提出就得到非常多的關注,而作為全球使用使用者最多的IE瀏覽器能夠支援HTML5標準也是大家備受關注一個問題,讓IE(包括IE6)支援HTML5元素,我們需要在HTML頭部新增以下JavaScript,這是一個簡單的document.createElement宣告,利用條件註釋針對IE來

幾乎相容所有瀏覽器html5視訊播放策略

1:JS方式 使用html5media.js可以在所有瀏覽器上觀看html5視訊和音訊檔案,它彌補了低版本IE瀏覽器不支援<video>和<audio>標籤,只需要載入html5media.js使用<video>和<audio>

讓更多瀏覽器支援html5元素的簡單方法

當我們試圖使用web上的新技術的時候,舊式瀏覽器總是我們心中不可磨滅的痛!事實上,所有瀏覽器都有或多或少的問題,現在還沒有瀏覽器能