ホームページ制作において、動画のパラドックスを実装したいのです。

Question

前提・実現したいこと

ホームページ制作において、動画のパラドックスを実装したいのです。

発生している問題・エラーメッセージ

https://www.casleyconsulting.co.jp/blog/engineer/283/

こちらのサイトを参考にして、背景の画像を動画にして実行したいのですが、

.parallax-bg {
background-image: url('動画のURL');
}
に動画が表示されないです。
background:url();
でもダメでした。
ほかの方法などありましたら、ご教授していただけたら幸いです。

該当のソースコード

ソースコード

Comments

[plasticgrammer]

修正依頼です。「パラドックス」ではなく「パララックス」ではないでしょうか。

[m.ts10806]

parallaxとご自身で書かれてますね

Answer 1

そもそもbackgroundに指定できるのは画像だけであったはずで、つまるところimgタグで表現不可のものは設置できません。

動画はおおよそvideoタグで再生するものですし、元から動画でパララックスしたいのでしたら、キーワードに動画を入れて探すべきかと思います（過去質問にもありますので、詳細回答は避けてます）

Comments

[daigakusei_se]

画像のパララックス、動画を背景にしての実装は見かけるのですが、動画は見当たりません。差し支えなければ、該当のページをお教えいただけないでしょうか？

[daigakusei_se]

動画は見当たりません
訂正
動画のパララックスは見当たりません。

[m.ts10806]

「パララックス　動画」でteratailの過去質問でてきますよ。

Answer 2

cssコード

video {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
min-width: 100vw;
min-height: 100vh;
width: auto;
height: auto;
z-index: -100;
}

htmlにビデオを載せ行けました。