背景動画
WEB先案内
WEB制作技術の引き出しを増やすため、自分なりにアレンジしたコードをアウトプットすることにしました。 その中でも特に勉強になったコードを紹介します。 コピペで使えるようになっているので、あなたのサイトで使っていただけるとうれしいです。 あくまでデザインの一例にすぎないので、調整してオリジナルのデザインを作ってみてください！
背景動画
今回は掲載内容の説明を簡易化させ、印象づける背景動画を作りました。 サイトの動作が重い場合はYouTubeリンクを利用されると良いかもしれません。
おさえておきたいところ
ギャラリーを使う目的と使いどころはこんな感じです。
目的：掲載内容の説明を簡易化させ、印象づける
使いどころ：掲載内容の説明を簡易化させ、印象づける
画面全体に背景動画を流す
See the Pen 画面全体に背景動画を流す by Web Navigator (@web-navigator) on CodePen.
YouTubeを使って、画面全体に背景動画を流す
See the Pen YouTubeを使って、画面全体に背景動画を流す by Web Navigator (@web-navigator) on CodePen.
次回の予定
ユーザーにアクションを起こさせるボタンを作ってみようと思います＼＼\\٩( ‘ω’ )و //／／
合わせて読みたい
背景動画
ABOUT ME
あなたのお仕事をする時間を使ってITに関することを調べたり、トライしてみたりして、それでもうまくいかない。そんなことはありませんか？
WEB先案内をご利用いただくと、困ったときにITの顧問としてあなたのITに関するお悩みにお答えし、サポートを行うことができます。