- HTML對(duì)音頻和視頻的支持:
<audio>支持音頻
<video>支持視頻
一.<video>支持視頻
支持的瀏覽器:IE9,10,11\Chrome\Firefox\Safari\Opera...
直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上顯示視頻的標(biāo)準(zhǔn)。
今天,大多數(shù)視頻是通過(guò)插件(比如 Flash)來(lái)顯示的。然而,并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過(guò) video 元素來(lái)包含視頻的標(biāo)準(zhǔn)方法。

視頻格式支持情況

支持格式
代碼顯示:

代碼如下

結(jié)果顯示
其中的路徑和文件夾的內(nèi)容如下:

路徑

內(nèi)容

ogv格式播放

結(jié)果如下
PS:如果下載的是MP3或者M(jìn)P4想要轉(zhuǎn)換為其他格式時(shí),推薦一個(gè)在線轉(zhuǎn)換網(wǎng)頁(yè)比較好用~
https://www.xunjieshipin.com/video
- 也可以進(jìn)行篩選播放視頻的格式,如果第一個(gè)打不開(kāi)則打開(kāi)第二個(gè),它提供瀏覽器最大限度的兼容性,這是比較常用的一種方法。
代碼如下:

代碼如下

結(jié)果如下
二.<audio>支持音頻
支持的瀏覽器:IE9,10,11\Chrome\Firefox\Safari\Opera...
直到現(xiàn)在,仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)。
今天,大多數(shù)音頻是通過(guò)插件(比如 Flash)來(lái)播放的。然而,并非所有瀏覽器都擁有同樣的插件。
HTML5 規(guī)定了一種通過(guò) audio 元素來(lái)包含音頻的標(biāo)準(zhǔn)方法。
audio 元素能夠播放聲音文件或者音頻流。

音頻格式支持情況

支持格式

代碼如下

結(jié)果如下
三.實(shí)現(xiàn)頁(yè)面布局的三種方式
1.老式的<table>布局(基本上被淘汰)
2.現(xiàn)在還是主流的<div>布局
3.還有未來(lái)的語(yǔ)義化標(biāo)簽布局
- HTML5其他特性:
1.canvas
2.地理位置
3.離線存儲(chǔ)
4.WebSocket
5.拖放
6.Web Workers
(此文章僅作為個(gè)人學(xué)習(xí)筆記使用,如有錯(cuò)誤歡迎指正~)