ビデオをブートストラップにインポートする方法

Bootstrap にビデオを埋め込む方法は 3 つあります: Video タグを使用して HTML5

Bootstrap にビデオをインポートする方法

Bootstrap には、Web アプリケーション ビデオにビデオを埋め込むための複数の方法が用意されています。この記事では、次の 3 つの方法の手順を説明します。

方法 1: ビデオ タグを使用する

これは、ビデオをインポートする最も簡単な方法です。# を追加するだけです。 ##

<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: 埋め込みタグを使用する

埋め込みタグを使用すると、次のようなビデオ プラットフォームからコンテンツを埋め込むことができます。 YouTube ) のビデオ:

<code class="html"><embed width="320" height="240" src="https://www.youtube.com/embed/VIDEO_ID"></code>

VIDEO_ID をビデオの実際の ID に置き換えてください。

方法 3: iframe を使用する

iframe は、別の Web サイトからコンテンツを埋め込むことができるインライン フレームです。ビデオを埋め込むには、次のコードを使用します。

<code class="html"><iframe width="320" height="240" src="https://www.example.com/video.html"></iframe></code>

example.com/video.html をビデオ URL に置き換えます。

以上がビデオをブートストラップにインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。