如何用HTML5在頁面中插入可自動播放的視頻

大家在瀏覽網站時有沒有註意到網站上有視頻，音頻等，正在學習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中文網其他相關文章！