HTML5 中的視頻播放功能為網站提供了更豐富的視覺體驗,以下是一些基本的 HTML5 中的視頻相關的代碼:
HTML5 中使用視頻標簽進行視頻播放,如下所示:
<video width="640" height="360" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">Your browser does not support the video tag. </video>
在上面的代碼中,視頻標簽包括了屬性 width(寬度)、height(高度)和 control(控件)。
source 標簽用于提供視頻的多種格式,以便瀏覽器選擇最適合它的格式播放。如果瀏覽器不支持視頻標簽,會顯示您在標簽中指定的文本Your browser does not support the video tag.
如果您要在網頁中嵌入 YouTube 視頻,則可以使用嵌入代碼,如下例所示:
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
在上面的代碼中,如果您要嵌入 YouTube 視頻,只需更改后面的數字,即VIDEO_ID
。您還可以調整寬度和高度以顯示適合您網站的視頻大小。
除了使用視頻標簽和嵌入代碼外,您也可以使用腳本庫,如 Video.js 或 jPlayer,來增強您的視頻體驗。