① 影片:<video>
它是什麼:把一段影片放進頁面,就像插入小播放器。
- controls:顯示播放/暫停、音量、進度列(最常用)。
- poster:封面圖;width/height:顯示大小(px)。
- <source src type>:影片路徑與格式(如
video/mp4)。可放多個,瀏覽器會挑能播的。 - autoplay + muted:想自動播放,多半要同時靜音;playsinline:手機上不要全螢幕。
<video controls width="560" poster="cover.jpg">
<source src="media/demo.mp4" type="video/mp4">
您的瀏覽器不支援 video。
</video>
② 音訊:<audio>
它是什麼:放一段聲音(音樂/錄音)到頁面。
- controls:顯示播放按鈕。
- <source>:音檔與格式(常見
audio/mpeg=mp3)。 - loop 重播;preload:預載策略(none/metadata/auto)。
<audio controls>
<source src="media/demo.mp3" type="audio/mpeg" />
您的瀏覽器不支援 audio。
</audio>
③ 按鈕:<button>
它是什麼:做「動作」用的鈕(跳頁請用 <a>)。
- type:
button(純按鈕,建議預設)、submit(送出表單)、reset(清空表單)。 - disabled:不能按;aria-pressed:做切換鈕時標記開/關。
<button type="button">按我一下</button>
小提醒:表單裡的按鈕若不想送出,務必寫 type="button"。