36-video標簽的第二種格式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>36-video標簽的第二種格式</title> </head> <body> <!-- 1.格式: <video> <source src="" type=""></source> <source src="" type=""></source> </video> 2.第二種格式存在的意義: 由於視頻數據非常非常的重要, 所以五大瀏覽器廠商都不願意支持別人的視頻格式, 所以導致了沒有一種視頻格式是所有瀏覽器都支持的 這個時候W3C為了解決這個問題, 所以推出了第二個video標簽的格式 video標簽的第二種格式存在的意義就是為了解決瀏覽器適配問題 video 元素支持三種視頻格式, 我們可以把這三種格式都通過source標簽指定給video標簽, 那么以后當瀏覽器播放視頻時它就會從這三種中選擇一種自己支持的格式來播放 3.注意點: 3.1當前通過video標簽的第二種格式雖然能夠指定所有瀏覽器都支持的視頻格式, 但是想讓所有瀏覽器都通過video標簽播放視頻還有一個前提條件, 就是瀏覽器必須支持HTML5標簽, 否則同樣無法播放 3.2在過去的一些瀏覽器是不支持HTML5標簽的, 所以為了讓過去的一些瀏覽器也能夠通過video標簽來播放視頻, 那么我們以后可以通過一個JS的框架叫做html5media來實現 --> <video autoplay="autoplay" controls="controls"> <source src="images/sb1.webm" type="video/webm"></source> <source src="images/sb1.mp4" type="video/mp4"></source> <source src="images/sb1.ogg" type="video/ogg"></source> </video> </body> </html>