《HTML》動画・音声の貼り付け方《動画ファイル篇》

こんな人に読んで欲しい！
・YouTubeではない動画の貼り付け方が分からない人

こんにちは、「なゆた」です！

今回は「HTML」での、YouTubeではない動画の貼り付け方についてを書きます。

最近のWebサイトの動画ではYouTubeとリンクすることが多いため、動画ファイルを添付することは少なくなってきています。

ですが、念のため皆さんに動画ファイルの貼り付け方についてを教えます。

《主な使用タグ》

video・・・動画を埋め込む要素。source要素を子要素に置き、複数のファイルの指定が推奨される。

source・・・audio 要素・video 要素の要素に対し、複数のメディアリソース（ファイルの種類）を指定する。必要な個数分子要素にsource 要素を指定する。

①まず、＜video＞タグを入力します。そしてその中に「controls」の文字を入れます。⇦これは絶対です！

②次に、＜source＞タグを入力し、その中にsrc属性とtype属性を入れます。src属性の中には、「フォルダ名/ファイル名.mp4」と入力、type属性の中には絶対に「video/mp4」と入力します。（一部個人ファイルに引っかかるため隠しております。）

③最後に、＜/video＞タグで締めて、完成です！！

いかがでしたか？このとてもカンタンな方法を駆使して、自分のスマホで撮ったビデオなどを載せてみてください！（ただし、送っていいものかどうかを考えてからにしましょう。）

以上です、ありがとうございました！

（※追記）完成例については、個人ファイルに引っかかるため、見せることができません。申し訳ございません・・・。