＜本日のテーマ＞コーディングを進めましょう！
1限目 実技 WEBページ制作実習③SNSの埋め込みについて
2限目 実技 WEBページ制作実習③動画の埋め込みについて
3限目 実技 WEBページ制作実習③WEBページ制作
4限目 実技 WEBページ制作実習③課題制作
5限目 実技 WEBページ制作実習③課題制作
SNSの埋め込み方について
埋め込み例
https://samplesdl.me/training_html-css/sns.html
動画の埋め込みタグについて
videoとiframeタグ
WEBサイトに動画を埋め込む方法は２つあります。
①iframeタグを使用する（youtubeなどの動画サイトから読み込む）
②videoタグを使用する（動画ファイルをアップロードして読み込む）
①iframeタグを使用する（YOUTUBEなどの動画サイトから読み込む）
記述例 <iframe width="410" height="200" src="https://www.youtube.com/embed/9No-FiEInLA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
②VIDEOタグを使用する（動画ファイルをアップロードして読み込む）
記述例 <video src="sample.mp4"></video>
参考サイト
本日の課題
今日できたところまでのサイトをサーバにアップしましょう