Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
Warning: Undefined variable $site_logo_tag in /home/xs227318/proclass.jp/public_html/blog/wp-content/themes/simplicity2/lib/blog-card.php on line 519
こんにちは、プロクラスの杉本です！
サイトを制作していて、YouTubeや動画を配置したり活用したりすることって時々ありますよね。
そこで個人的にではありますが、YouTubeや動画を上手に活用されているWEBサイトを5つご紹介したいと思います！
株式会社映像システム
こちらのサイトは、AVシステム専門企業の会社ということもあり、複数の動画が使用されています。
導入事例エリアの切り替わる動画をクリックすると、各導入事例ページに飛ぶことができます。
将来宇宙輸送システム株式会社
こちらのサイトは、宇宙輸送の開発をされている会社ということもあり、各セクションの全面にかっこいい宇宙輸送に関する動画が埋め込まれています。
メインビジュアルは、ボタンをクリックするとYouTubeがポップアップで出てきて、フルバージョンの動画を見ることができます。
株式会社桑山
こちらのサイトは、少しスクロールするとジュエリーがつくられていく過程の動画が埋め込まれており、動画の上にある「Watch the film」の再生ボタンを押すと、動画を最初から見ることができます。またそこからスクロールしていくと動画が下に下がっていくパララックスになっています。
TATEYA.Glocally HOTEL
こちらのサイトは、少しスクロールするとTATEYA GLOCALLY HOTELの案内動画が埋め込まれており、その動画をホバーすると「PLAY VIDEO WITH SOUND」とういうカーソルが出てきます。そしてクリックするとフルバージョンの動画がポップアップで再生されます。
大塚製薬株式会社
こちらのサイトは、すれ違い社会人用語というエリアにある各ボタンをクリックすると、それに関するYouTube動画や用語の意味などが書かれているポップアップが出てくるつくりとなっています。
用語ボタンの下には、それらの動画をガッチャンコした動画を見ることが出来ます。
いかがだったでしょうか？
今回は、5つのサイトをご紹介させていただきましたが、どのサイトもYouTubeや動画を上手に活用されているサイトばかりだったのではないかと思います。
上記5つのサイトのようにYouTubeや動画を上手に活用できるようになりたいですね！