大家在瀏覽網站時有沒有註意到網站上有視頻，音頻等，正在學習HTML和CSS的小伙伴，你知道如何用HTML5在頁面中插入視頻並自動播放嗎？這篇文章就跟大家講講html5如何插入影片以及HTML插入影片的程式碼，有興趣的小夥伴可以參考一下。
HTML5中的
插入視訊相關的標籤介紹：
#註：使用時需要注意瀏覽器的相容性，
實例示範1：如何用html5在頁面中插入影片
實例詳解：
首先創建
<video width="300" height="200" controls> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持Video标签。 </video>
效果圖：
#實例示範2：在頁面中插入可以自動播放的影片
語法：
頁面中插入可以自動播放的視頻，只需要加一個屬性，即HTML 中
<video width="320" style="max-width:90%" controls autoplay> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video>
新增HTML 中
以上給大家介紹了HTML5在頁面中插入視頻的方法，以及如何插入可以自動播放的視頻，講解詳細，比較容易理解。初學者可以自己動手嘗試，找一個視頻，將其插入頁面。看看你的程式碼能不能實現自動播放的效果，希望這篇文章對你有幫助！
【相關教學推薦】
1. Html5影片教學
2. HTML開發手冊
#3. bootstrap教學
4. CSS頁面載入動畫效果
以上是如何用HTML5在頁面中插入可自動播放的視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章！
