webサイトで動画を扱いたい場合にはHTML5から導入されたvideoタグを使用するのが一般的です。今回はvideoタグの基本〜応用的な使い方までを丁寧に解説し、HTMLで動画を使いこなせるようにしていきます。 記事の最後ではおまけで「背景全体に動画を表示する方法」も紹介していますよ。 webサイトに動画を埋め込む方法 webサイトに動画を表示させる方法は iframeタグを使用する(youtubeなどの動画サイトから読み込む)videoタグを使用する(動画ファイルをアップロードして読み込む) という2つの方法があります。今回はスタンダードな「video」を使った動画の埋め込み方法を解説します。 後ほど「iframe」を使った動画の埋め込み方法の紹介します。
![【videoタグ】HTMLで動画を埋め込む方法を徹底まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/b216dbe947a15619c9b0ed9ee8b25ae346b0d120/height=288;version=1;width=512/https%3A%2F%2Fwebliker.info%2Fwp-content%2Fuploads%2F2022%2F01%2F24.png)