HTML基礎(chǔ)學(xué)習(xí)——音頻、視頻和其他標(biāo)簽

  • 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ò)誤歡迎指正~)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容