HTML可以很方便地嵌入本地視頻,只需使用視頻標簽<video>
即可。
首先,需要在視頻標簽內(nèi)設(shè)置視頻的路徑。例如:
<video src="video.mp4"></video>
其中src
屬性的值應(yīng)該是視頻文件在本地的路徑,可以是相對路徑或絕對路徑。還可以在<video>
標簽內(nèi)設(shè)置一些屬性,比如:
<video src="video.mp4" width="500" height="300" autoplay controls></video>
上面的代碼中,width
和height
屬性分別設(shè)置視頻的寬度和高度,autoplay
屬性表示視頻自動播放,controls
屬性表示允許用戶控制視頻播放。
另外,如果希望視頻兼容不同的瀏覽器,可以在<video>
標簽內(nèi)添加多個
<video autoplay controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
Your browser does not support the video tag.
</video>
上面的代碼中,<source>
標簽的src
屬性指定視頻文件的路徑,type
屬性指定視頻文件的格式。如果瀏覽器不支持<video>
標簽,會顯示標簽內(nèi)的文本。
總之,使用HTML嵌入本地視頻非常簡單,只需使用<video>
標簽,設(shè)置視頻的路徑和屬性即可。可以充分利用這個特性,為網(wǎng)站添加更多有趣的內(nèi)容。