14.9MBの動画を、YouTubeとvideoタグの2種類の方法で埋め込んでみます。 (ネコちゃんの動画は、フリー素材コミュニティサイトの「Pixabay」でお借りしました。) videoタグ(html5) 回線速度70Mbps(PC)と20Mbps(スマホ)で見たところ、 14MB程度であれば、問題なく再生できました。最初の読み込み時間も大差ありません。 このページには埋め込んでいませんが、140MBの動画でも普通に再生できました。 ※videoの方は、Safariでサムネイルが表示されないので、posterを設定するか、ファイル名のすぐ後ろに続けて「#t=0.001」を記述しておくと見えます。 videoタグで動画を埋め込む場合の注意点 Webサーバに動画データを持つ事になり閲覧時に負荷がかかる。(データやユーザが多い場合はサーバスペックに注意) (今回「複数の大容量動画を多数のユー
![YouTube vs videoタグ 動画埋め込み比較](https://cdn-ak-scissors.b.st-hatena.com/image/square/e56be0ab40209a7da404a778aa1e297baba288c3/height=288;version=1;width=512/https%3A%2F%2Frivers.jp%2Fwp%2Fwp-content%2Fuploads%2F2021%2F11%2Fyoutube-vs-video_eyecatch.png)