在 Bootstrap 中嵌入影片的三種方法包括:使用 Video 標籤新增一個 HTML5 <video> 標籤。使用 embed 標籤嵌入來自影片平台(例如 YouTube)的影片。使用 iframe 嵌入來自其他網站的影片內容。
如何將影片匯入Bootstrap
Bootstrap 提供了多種方法來在您的Web 應用程式中嵌入影片.本文將引導您完成這三種方法的操作步驟:
方法1:使用Video 標籤
這是匯入影片最簡單的方法,只需要新增一個<video>
標籤即可:
<code class="html"><video width="320" height="240" controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> </video></code>
方法2:使用embed 標籤
embed 標籤可讓您嵌入來自影片平台(例如YouTube )的影片:
<code class="html"><embed width="320" height="240" src="https://www.youtube.com/embed/VIDEO_ID"></code>
請將VIDEO_ID 替換為影片的實際ID。
方法 3:使用 iframe
iframe 是一個內嵌框架,可讓您嵌入來自其他網站的內容。要嵌入視頻,請使用以下程式碼:
<code class="html"><iframe width="320" height="240" src="https://www.example.com/video.html"></iframe></code>
請將 example.com/video.html 替換為視頻 URL。
以上是bootstrap怎麼導入視頻的詳細內容。更多資訊請關注PHP中文網其他相關文章!