背景に動画を使ったWebサイトの作り方
2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト！ KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で
Youtubeを使って超カンタンにCMをサクッと作る方法
１）Youtubeアカウントを取得 http://www.youtube.com/ Youtubeでアカウントを作りましょう。 これで動画を作成する準備は整いました。 ２）スライドショーを選択 画面上部にあるアップロードを選択して、スライドショーを選びます。 今回作成した動画にちょっとだけ心残りがあるとすれば、16:9のアスペクト比ではつくってありますが、画像サイズを1920×1080にしなかったことで、若干テキストが荒れてしまいました。反省。 もし高画質を望むなら解像度は1920×1080でアップするといいかもしれません。 ここでは、写真をアップロードを選択することで、写真をアップしていけます。 ３）後はポロポロと送信 ちなみに、テキスト画像と、写真画像を交互に送信すればそれらしくなります。 ４）動画編集 写真をアップし終えたら次へボタンを押すと、動画編集画面になります。 右側にはサウン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
