H5中的新增的多媒體標籤

之前在html中如何顯示視頻、音頻。

1，<embed>標籤，直接插入視頻文件；它的本質是調用本機上已經安裝的軟件，有兼容性。

2，flash插件：安裝flash（缺點：1>學習flash，增長成本，2>蘋果不支持flash）

h5中新增長的多媒體標籤

audio：音頻標籤。

          屬性：src：播放器文件路徑；

                     controls：音頻播放器的控制面板（不寫該屬性則不顯示，不能播放）；

                     autoplay：自動播放；

                     loop：循環；

video：視頻標籤

           屬性：src：播放器文件路徑；

                     controls：音頻播放器的控制面板（不寫該屬性則不顯示，不能播放）；

                     autoplay：自動播放；

                     loop：循環；

                     height：高度

                     width：寬度（寬和高必須成比例）

                      poster：當視頻尚未徹底下載或者用戶尚未點擊播放前的默認顯示封面，默認顯示當前視頻文件的第一幅畫面。例：poster=「圖片路徑」；

注：不一樣的瀏覽器所支持的視頻格式不同，爲了能上用戶看到視頻，咱們能夠在<video>標籤中增長一個標籤<source>

以下圖所示：