Hi,歡迎訪問前端老白
首先,在 HTML 文檔的頭部引入視頻文件:
<video src="example.mp4"></video>
要注意的是,視頻文件必須放在與 HTML 文檔同級的目錄下,并且最好使用相對路徑來引入文件。
為了多平臺支持,我們還可以添加多個 source 標簽,來分別引入不同格式的視頻文件:
<video> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> <source src="example.ogg" type="video/ogg"> </video>
這樣可以確保視頻可以在不同的瀏覽器和設備上正常播放。
如果需要在視頻中添加控制條,可以使用 controls 屬性:
<video src="example.mp4" controls></video>
還可以通過 JavaScript 來控制視頻的播放、暫停和跳轉:
const video = document.querySelector('video'); video.play(); // 播放視頻 video.pause(); // 暫停視頻 video.currentTime = 10; // 跳轉到視頻的第 10 秒
最后,需要注意的是,MP4 視頻只能在支持 H.264 編解碼器的瀏覽器中播放。如果您需要支持更多的瀏覽器,可以同時添加 WebM 和 Ogg 格式的視頻文件。
老白網絡 (http://www.lofty888.cn/) 前端 后端 zblog主題.網站地圖xml