質問編集履歴

2

書式の改善

2016/08/15 07:40

投稿

maxpopy
maxpopy

スコア11

test CHANGED
File without changes
test CHANGED
@@ -48,6 +48,8 @@
48
48
 
49
49
  ①CSSを指定しているならそのCSSコード
50
50
 
51
+ ```
52
+
51
53
  video {
52
54
 
53
55
  position: fixed;
@@ -76,7 +78,11 @@
76
78
 
77
79
  }
78
80
 
81
+ ```
82
+
79
83
  ②video要素以外の全体的なHTMLの構造(大枠でいいです)
84
+
85
+ ```
80
86
 
81
87
  <body>
82
88
 
@@ -100,6 +106,8 @@
100
106
 
101
107
 
102
108
 
109
+ ```
110
+
103
111
  ③カクカクの具体的な挙動(右にずれるとか縦に揺れるとか)
104
112
 
105
113
  最初の読み込み時に挙動がおかしいです。(最終的には意図した位置になります)

1

質問についての回答

2016/08/15 07:40

投稿

maxpopy
maxpopy

スコア11

test CHANGED
File without changes
test CHANGED
@@ -41,3 +41,77 @@
41
41
  質問等お答えできる限り致します。
42
42
 
43
43
  ご回答お待ちしております。
44
+
45
+
46
+
47
+ ###ご質問の追記
48
+
49
+ ①CSSを指定しているならそのCSSコード
50
+
51
+ video {
52
+
53
+ position: fixed;
54
+
55
+ top: 0;
56
+
57
+ left: 0;
58
+
59
+ min-width: 100%;
60
+
61
+ min-height: 100%;
62
+
63
+ width: auto;
64
+
65
+ height: auto;
66
+
67
+ z-index: -2;
68
+
69
+ }
70
+
71
+ audio, canvas, progress, video {
72
+
73
+ display: inline-block;
74
+
75
+ vertical-align: baseline
76
+
77
+ }
78
+
79
+ ②video要素以外の全体的なHTMLの構造(大枠でいいです)
80
+
81
+ <body>
82
+
83
+
84
+
85
+ <div class="bgAll"></div>
86
+
87
+ <video autoplay loop poster="img/anime_2.gif">
88
+
89
+ <source src="img/COG_new2_1.mp4" type="video/mp4">
90
+
91
+ </video>
92
+
93
+ <header>…</header>
94
+
95
+
96
+
97
+ <section>…</section>繰り返し
98
+
99
+ <footer></footer>
100
+
101
+
102
+
103
+ ③カクカクの具体的な挙動(右にずれるとか縦に揺れるとか)
104
+
105
+ 最初の読み込み時に挙動がおかしいです。(最終的には意図した位置になります)
106
+
107
+ 最初に大きく拡大表示され、その後小さくなり上方に移動し、
108
+
109
+ 意図した位置に収まる、といった具合です。
110
+
111
+ (その間1、2秒)
112
+
113
+
114
+
115
+ ④本来表示したい画面のデザインまたはスクショを添えた説明
116
+
117
+ ![イメージ説明](560c00171e5347440f22c97bb43c6a10.png)