如何将视频导入 Bootstrap
Bootstrap 提供了多种方法来在您的 Web 应用程序中嵌入视频。本文将指导您完成这三种方法的操作步骤:
方法 1:使用 Video 标签
这是导入视频最简单的方法,只需要添加一个 <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"></source></source></video></code>
方法 2:使用 embed 标签
embed 标签允许您嵌入来自视频平台(例如 YouTube)的视频:
<code class="html"><embed width="320" height="240" src="https://www.youtube.com/embed/VIDEO_ID"></embed></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。