タグ: SNS

【要参考】
・【STEP4】Webページの制作＞「WEB動画基礎20220818.pdf」参考

・SNSの埋め込み方　参考

WEB動画について

Web動画とは、WebサイトやYouTubeチャンネルなど、オンラインでの視聴を想定した動画全般を指します。 「Webムービー」と呼ばれることもあり、目的はブランディングや商品・サービスのプロモーション、広告配信など多岐にわたります。

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>

【参考サイト】

• 今更聞けない、WEBサイト、ブログ、SNSの違い- 株式会社 ..
• Facebook・Twitter・Instagramの違いと使いわけ方まとめ！特徴からユーザー動向・運用方法まで徹底解説
• SNSのSEO効果について｜SEOラボ

【SNSの埋め込み方】

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

【要参考】
・【STEP4】Webページの制作「SNS運用基礎20220817.pdf」参考

SNS とは?

SNSとは、Social Networking Service（ソーシャル・ネットワーキング・サービス）の略で、インターネットを介して人間関係を構築できるスマホ・パソコン用のサービスの総称です。

【ワンポイントアドバイス】
Webを利用するポイントとして、「Webサイト」「ブログ」「SNS」はWeb運用として重要なコンテンツの３つです。役割と特徴をしっかりと把握して、Webに関わるお仕事に関われるようにしましょう。

【参考サイト】

• 今更聞けない、WEBサイト、ブログ、SNSの違い- 株式会社 ..
• Facebook・Twitter・Instagramの違いと使いわけ方まとめ！特徴からユーザー動向・運用方法まで徹底解説
• SNSのSEO効果について｜SEOラボ

【SNSの埋め込み方】

• 他サイトコンテンツの利用方法
• 埋め込み例
  https://samplesdl.me/training_html-css/sns.html