[動画背景]WordPressに動画を背景に埋め込み、上にテキストを表示させる。映像を背景に!

LinkedIn にシェア
LINEで送る
Pocket
このエントリーを Google ブックマーク に追加

Main

This video is sample.

Top1

This video is sample.

Top2

This video is sample.


Title1

This video is sample.

Title2

This video is sample.

Title3

This video is sample.

Title4

This video is sample.

Title5

This video is sample.

Title6

This video is sample.


Title7

This video is sample.

Title8

This video is sample.

Title9

This video is sample.


Title10

This video is sample.

Title11

This video is sample.

Title12

This video is sample.

[動画背景]Wordpressに動画を背景に埋め込み、上にテキストを表示させる。映像を背景に!
動画背景て重いけどかっこいいからサンプルで作ってみよう!

BMWのサイトで背景に動画をたくさん使ったトップページがあってカッコ良かったのでためしてみました。

One thought on “[動画背景]WordPressに動画を背景に埋め込み、上にテキストを表示させる。映像を背景に!

Leave a Reply

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

出典と引用

Sources and Citations

  1. https://tech-dig.jp/web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E8%83%8C%E6%99%AF%E3%81%AB%E5%8B%95%E7%94%BB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E5%9F%8B%E3%82%81%E8%BE%BC%E3%82%80%E6%96%B9%E6%B3%95/ ※動画背景で最初に見たとこ:Webページの背景に動画ファイルを埋め込む方法
  2. https://naifix.com/relative-absolute/#i-3 ※文字重ね:CSS「position:relative」と「position:absolute」で画像や文字を重ねる方法
  3. https://www.webcreatorbox.com/tech/object-fit ※レイアウト調整:1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー
  4. https://techacademy.jp/magazine/9369 ※スマホ対応:スマホ対応!CSSでメディアクエリの書き方【初心者向け】
  5. https://pixabay.com/ ※動画素材:pixabay
  6. https://www.bmw.com/en/index.html ※BMW.com(2019.12)