HTML5中的<video>標簽可以插入視頻，并且還可以控制視頻的播放，暫停，調節音量等。也可以根據需要設置視頻的長width和高height，如果不設置視頻的寬度和高度，那么頁面顯示大小由視頻的大小決定。
注意：<video> 與</video> 標簽里面的內容用于給不支持 video 標簽的瀏覽器顯示的。

插入視頻相關的標簽介紹：

<video>用于定義一個視頻

<source>用于設置視頻的資源

<track>可以設置在媒體播放器文本軌跡

注：使用時需要注意瀏覽器的兼容性，<video>標簽在瀏覽器中的兼容性如下圖所示：

實例示范1：如何用html5在頁面中插入視頻

實例詳解：
首先創建<video>視頻標簽，設置視頻的長為300px，高為200px，然后用<source>標簽引入需要插入的視頻，注意引用文件的路徑，具體代碼如下：

<video width="300" height="200" controls>  <source src="movie.ogg" type="video/ogg">您的瀏覽器不支持Video標簽。</video>

效果圖：

實例示范2：在頁面中插入可以自動播放的視頻

語法：<video autoplay="autoplay">

頁面中插入可以自動播放的視頻，只需要加一個屬性，即HTML 中<video> 標簽的autoplay 屬性，將其添加到標簽中，就可以實現視頻的自動播放效果，并且所有主流瀏覽器都支持 autoplay 屬性。具體代碼如下：

<video width="320" height="240" controls autoplay>  <source src="movie.ogg" type="video/ogg">  您的瀏覽器不支持 video 標簽。</video>

添加HTML 中<video> 標簽的autoplay 屬性后，打開頁面或者刷新頁面時，視頻會自動播放。

以上給大家介紹了HTML5在頁面中插入視頻的方法，以及如何插入可以自動播放的視頻，講解詳細，比較容易理解。初學者可以自己動手嘗試，找一個視頻，將其插入頁面。看看你的代碼能不能實現自動播放的效果，希望這篇文章對你有所幫助！

【相關教程推薦】

1. Html5視頻教程
2. HTML開發手冊
3. bootstrap教程
4. CSS頁面加載動畫效果

以上就是如何用HTML5在頁面中插入可自動播放的視頻的詳細內容，更多請關注 其它相關文章！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。