-本日のアジェンダ-

1限目
学科　WEB動画基礎
YouTube利用について

2限目
学科　WEB動画基礎
WebサイトでYouTubeの 使い方について

3限目
学科　WEB動画基礎
課題作成

4限目
学科　WEB動画基礎
課題作成

5限目
学科　WEB動画基礎
課題作成

本日のテーマ

WebサイトでのYouTubeの活用法についてです。

YouTubeについて

YouTube （ ユーチューブ ） は、アメリカ合衆国・カリフォルニア州サンブルーノに本社を置く世界最大の動画共有サービス。Youは「あなた」、Tubeは「ブラウン管（テレビ）」という意味である。

Youtubeパートナーシッププログラムについて

 【資料】・・・DEAUアカデミー WEBデザイナー養成(午前)科 B教室 / 資料 /【5】運営 /「WEB動画基礎20220818.pdf」

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>

参考サイト

• 【HTML】動画を扱う。HTML5から導入されたvideoタグの基本～応用について解説。
• 動画形式とその特徴について
• 高品質なフリー動画素材 – Pixabay

その他、埋め込みについては下記を参考に！

SNSの埋め込み方

動画一覧

• https://youtu.be/PArDVLEBPhg
• https://youtu.be/OyLqnaWkiR0
• https://youtu.be/QfoMPJhFhgM
• https://youtu.be/Q4XYhPLmP_4
• https://youtu.be/h7zRKzTCjyo
• https://youtu.be/y4i-iecVAbs
• https://youtu.be/SOLaSv0YIkQ

第5回成績考査について

10月29日(土)の4限目終了までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。