1. 程式人生 > >檢測瀏覽器是否支援hmtl5視訊的方法

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

從w3school上抄下來的

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."
  	}
}


相關推薦

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

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

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

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

javaScript解析XML時IE11瀏覽器支援xmlDoc.load()方法

大家直接看原始碼和截圖吧!jsResolveXML.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用javascript解析xml&

解決老瀏覽器支援ES6的方法

轉載地址:http://www.rockyxia.com/?p=669 為什麼ES6會有相容性問題? 由於廣大使用者使用的瀏覽器版本在釋出的時候也許早於ES6的定稿和釋出,而到了今天,我們在程式設計中如果使用了ES6的新特性,瀏覽器若沒有更新版本,或者新版本中沒有對ES6的

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

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

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

angular $http post 方法有些瀏覽器支援原因解答

angular 中,post方法傳輸時HTTP請求的Content-Type形式為json形式,此形式在很多瀏覽器中不相容,目前比較經典的,也是相容性比較好的形式為x-www-form-urlencoded。所以需要在angular中進行形式的轉換。另外傳輸引數形式應為a&

IE8及低版本瀏覽器支援CSS3 media queries的解決方法

最近在解決UI問題時碰到以下瀏覽器不相容性問題(本人屬於UI業餘操作者,很多想法就很業餘了): 問題:IE8及其以下低版本IE瀏覽器在縮小視窗時,UI沒有按照相應的要求顯示視窗縮小時對應的佈局;其他瀏覽器正常。 定位過程: 其實開始拿到問題時是無從下手,不知所以然,根本就沒

解決瀏覽器支援indexOf()方法的方案

在IE8版本以下(含IE8)IE瀏覽都不支援陣列的Indexof()方法,在使用indexOf方法前,執行一下下面的js就可以解決。 原理就是如果發現數組沒有indexOf方法,會新增上這個方法。 此解決方案來源於MDN。 indexOf() was add

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

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

谷歌,火狐瀏覽器支援showModalDialog的解決方法

首先得知道window.showModalDialog()方法到底是幹嘛的,有什麼作用. 基本介紹:           showModalDialog()         (IE 4+ 支援)

【HAVENT原創】讓 IE6 ~ IE8 瀏覽器支援 map 和 filter 方法

開發十年,就只剩下這套架構體系了! >>>   

檢測瀏覽器

case element ase 是否 turn window fire 判斷 name 瀏覽器兼容是個大大的問題! navigator.userAgent.toLowerCase() 來判斷瀏覽器類型 js判斷 function userBrowser(){

使用google瀏覽器模擬手機終端的方法

sym 開啟 html .exe nexus agen style agent 輸入 谷歌Chrome瀏覽器,可以很方便地用來當移動終端模擬器。在Windows的【開始】-->【運行】中輸入以下命令,啟動谷歌瀏覽器,即可模擬相應手機的瀏覽器去訪問3G手機網頁,前提:

jsp頁面在 移動端 自適應,chrome瀏覽器沒問題,可是safari瀏覽器有問題的解決方法

ref orm one 方法 viewport 轉載 min maximum 顯示 在網頁中設置的1px與物理像素中的1px不會相同,所以導致不同在不同手機上顯示結果都不相同,通過以下設置找到了適合當前網頁自適應不同手機、不同瀏覽器的辦法,代碼如下: “ <meta

檢測瀏覽器內核

style coo classname bsp ffffff elements log orm platform 打開即可檢測瀏覽器版本信息:https://lanleilin.github.io/checkBrowser/index.html window.onload

Google Chrome瀏覽器解決崩潰啦的方法

dbo 重新 data logs http blog appdata ges google "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --no-sandbox 添加--no-sandbox

servlet層調用biz業務層出現瀏覽器 500錯誤,解決方法

protected post https string pub 代碼 失敗 uid row package com.swift.jztk.servlet; import java.io.IOException; import javax.servlet.Servlet