質問編集履歴
7
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
動画の表示を画面一杯に隙間なくさせたいのですが、なかなかうまくいきません。
|
|
3
3
|
|
|
4
4
|
今現在の動画サイズが3840 x 2160で、
|
|
5
|
+
動画のファイルサイズは、MP4ファイルが16MB, Webmファイルが8MBです。
|
|
5
6
|
|
|
6
7
|
```html
|
|
7
8
|
<div class="background">
|
|
@@ -27,8 +28,10 @@
|
|
|
27
28
|
今のままだと縦の幅は100vhで整うのですが、
|
|
28
29
|
横の幅がうまく画面一杯まで伸びてくれません。
|
|
29
30
|
|
|
30
|
-
この
|
|
31
|
+
今はまだ実験としてトップページに動画を貼り付けようとしているだけですので、CSSはこの2つの他にはまだ何も書いてはいません。
|
|
31
32
|
|
|
33
|
+
この場合他に何かいい方法がありますでしょうか？
|
|
34
|
+
|
|
32
35
|
それと、ページを開くタイミングによって動画が表示される時とされない時があります。
|
|
33
36
|
その為、動画が表示されるまで何度もリロードしています。
|
|
34
37
|
こういった事がなぜ起こるのかがお分かりになる方はいらっしゃいますでしょうか？
|
6
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
トップページに動画を設置しようと思いいろいろと試しています。
|
|
2
|
-
動画の表示を画面
|
|
2
|
+
動画の表示を画面一杯に隙間なくさせたいのですが、なかなかうまくいきません。
|
|
3
3
|
|
|
4
4
|
今現在の動画サイズが3840 x 2160で、
|
|
5
5
|
|
5
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -25,6 +25,11 @@
|
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
今のままだと縦の幅は100vhで整うのですが、
|
|
28
|
-
横幅がうまく画面一杯まで伸びてくれません。
|
|
28
|
+
横の幅がうまく画面一杯まで伸びてくれません。
|
|
29
29
|
|
|
30
|
-
この場合何かいい方法がありますでしょうか？
|
|
30
|
+
この場合何かいい方法がありますでしょうか？
|
|
31
|
+
|
|
32
|
+
それと、ページを開くタイミングによって動画が表示される時とされない時があります。
|
|
33
|
+
その為、動画が表示されるまで何度もリロードしています。
|
|
34
|
+
こういった事がなぜ起こるのかがお分かりになる方はいらっしゃいますでしょうか？
|
|
35
|
+
また、改善方法などもご存じの方がいらっしゃいましたら非常にありがたいのですが。
|
4
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
トップページに動画を設置しようと思い
|
|
1
|
+
トップページに動画を設置しようと思いいろいろと試しています。
|
|
2
|
+
動画の表示を画面いっぱいにしたいのですが、なかなかうまくいきません。
|
|
2
3
|
|
|
3
4
|
今現在の動画サイズが3840 x 2160で、
|
|
4
5
|
|
3
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,11 +20,10 @@
|
|
|
20
20
|
.video-wrapper {
|
|
21
21
|
width: 100%;
|
|
22
22
|
height: 100%;
|
|
23
|
-
margin: 0px;
|
|
24
23
|
}
|
|
25
24
|
```
|
|
26
25
|
|
|
27
26
|
今のままだと縦の幅は100vhで整うのですが、
|
|
28
|
-
横幅がうまく画面一杯
|
|
27
|
+
横幅がうまく画面一杯まで伸びてくれません。
|
|
29
28
|
|
|
30
29
|
この場合何かいい方法がありますでしょうか？
|
2
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
</div>
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
+
```css
|
|
14
15
|
.background {
|
|
15
16
|
width: 100%;
|
|
16
17
|
height: 100vh;
|
|
@@ -21,6 +22,7 @@
|
|
|
21
22
|
height: 100%;
|
|
22
23
|
margin: 0px;
|
|
23
24
|
}
|
|
25
|
+
```
|
|
24
26
|
|
|
25
27
|
今のままだと縦の幅は100vhで整うのですが、
|
|
26
28
|
横幅がうまく画面一杯に揃ってくれません。
|
1
修正をしました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,21 +12,17 @@
|
|
|
12
12
|
```
|
|
13
13
|
|
|
14
14
|
.background {
|
|
15
|
-
width: 100%;
|
|
15
|
+
width: 100%;
|
|
16
|
-
height: 100vh;
|
|
16
|
+
height: 100vh;
|
|
17
|
-
z-index: 1;
|
|
18
|
-
font-size: 0px;
|
|
19
17
|
}
|
|
20
18
|
|
|
21
19
|
.video-wrapper {
|
|
22
|
-
width: 100%;
|
|
20
|
+
width: 100%;
|
|
23
|
-
height: 100%;
|
|
21
|
+
height: 100%;
|
|
24
|
-
margin: 0px;
|
|
22
|
+
margin: 0px;
|
|
25
23
|
}
|
|
26
24
|
|
|
25
|
+
今のままだと縦の幅は100vhで整うのですが、
|
|
26
|
+
横幅がうまく画面一杯に揃ってくれません。
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
この場合何かいい方法がありますでしょうか？
|
|
32
|
-
横幅がうまく画面一杯に揃ってくれません。
|