web-dev-qa-db-ja.com

html5ビデオ要素の背景色を変更する

私は次のウェブサイトを持っています：beta.leifsigersen.com

フロントページに、読み込みに時間がかかる（1秒未満の場合もあれば、数秒の場合もある）ムービーがあります。ムービーがロードされる前は、黒い背景/境界線があります。これの色を変更するにはどうすればよいですか？

私はビデオ要素のCSSを使用しようとしましたが、運がありませんでした。

csshtmlhtml5-video
11
user809829

このCSSを試してください：

.pk_video {
     background-color: red !important; /* or whatever you want */
}
4
mahega

だから私はこの迷惑な白いバーを持っていた、それを使ってそれを取り除いた。含まれているdivを適用しました。

background-color: transparent;

あるいは、

 background-color: rgba(0, 0, 0, 0);

それが役に立てば幸い

1
Sabba Keynejad

HTMLコード自体に背景色を追加するだけです。例えば：

<video width="100%" height="100%" style="background-color: #fff;" src=""></video>
1
Fuller93