這節課來學習一下html5中新增的標簽，我們先來看一下，html5中新增了哪些標簽？

打開W3school的網頁，點擊參考手冊中的HTML/HTML5標簽，有一個按字母順序排列的標簽，但凡標簽后面帶有5標記的，都是html5新增的標簽。

而有一些標簽是css才用到的，這里先不學

有一些是用不到的，如command標簽，五大瀏覽器都不支持，所以也不用學習

這節課主要學習了一個html5中的標志性標簽，video標簽，為什么video標簽是html5的標志性標簽呢？

因為在html5以前，html只能處理兩種數據，一種是文本數據，一種是圖片數據

1.什么是video標簽？

作用：

播放視頻

格式：

<video src=""></video>

video標簽的屬性：

src：用于告訴video標簽需要播放的視頻地址

autoplay：用于告訴video標簽是否需要自動播放視頻

controls：用于告訴video標簽是否需要顯示控制條

poster：用于告訴video標簽視頻沒有播放之前顯示的占位圖片

loop：一般用于做廣告視頻，用于告訴video標簽視頻播放完畢之后是否需要循環播放

<video src=""images/test.mp4 autoplay="autoplay" loop="loop"></video>

如果是廣告視頻，不需要controls，poster，因為就是要讓用戶關閉不了，不能靜音，只能不停的看

preload：預加載視頻，但是需要注意preload與autoplay相沖，如果設置了autoplay屬性，那么preload屬性就會失效（因為都已經開始播放了，就沒必要預加載了）

muted：靜音

width/height：和img標簽中的一摸一樣，兩個都設置可能會導致變形，所以只推薦設置一個

本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=c2ijhhj&title=課時53.video標簽（掌握）

總結

以上是生活随笔為你收集整理的课时53.video标签（掌握）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。