本日の講義内容
WEB動画基礎について勉強しよう！
本日のアジェンダ
1限目
学科 WEB動画基礎
YouTube利用について
2限目
学科 WEB動画基礎
WebサイトでYouTubeの 使い方について
3限目
学科 WEB動画基礎
課題作成
4限目
学科 WEB動画基礎
課題作成
5限目
学科 WEB動画基礎
課題作成
本日のテーマ
WebサイトでのYouTubeの活用法についてです。
YouTubeについて
YouTube （ ユーチューブ ） は、アメリカ合衆国・カリフォルニア州サンブルーノに本社を置く世界最大の動画共有サービス。Youは「あなた」、Tubeは「ブラウン管（テレビ）」という意味である。
【資料】
DEAUアカデミー WEBデザイナー養成(午前)科 B教室 / 資料 /【5】運営 /「WEB動画基礎20220818.pdf」
【動画】①〜⑦
https://www.youtube.com/embed/PArDVLEBPhg?feature=oembed
https://www.youtube.com/embed/OyLqnaWkiR0?feature=oembed
https://www.youtube.com/embed/QfoMPJhFhgM?feature=oembed
https://www.youtube.com/embed/Q4XYhPLmP_4?feature=oembed
https://www.youtube.com/embed/h7zRKzTCjyo?feature=oembed
https://www.youtube.com/embed/y4i-iecVAbs?feature=oembed
https://www.youtube.com/embed/SOLaSv0YIkQ?feature=oembed
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>
参考サイト
その他、埋め込みについては下記を参考に！
第5回成績考査について
9月30日(金)の5限目までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。
カテゴリー: 学科 WEB動画基礎
感想
今日はWEB動画について勉強しました。自分のサイトにWEBサイトを埋め込むのは難しいと思っていましたが、実際に埋め込みに使用するタグを覚えてしまえば、ちゃんとサイト上に埋め込みができるため、今後必要に応じて使っていけるようになりたいと思います！
LPも完成に近づいてきているのでもうひと頑張りしたいと思います！自分がデザインした形になることがすごくうれしいです。
