質問編集履歴

2

修正

2020/06/21 13:42

投稿

yuta_bsn
yuta_bsn

スコア7

test CHANGED
@@ -1 +1 @@
1
- youtube埋め込みでない
1
+ エスケープ処理するべ場所
test CHANGED
@@ -1,15 +1,11 @@
1
- コンテンツ埋め込めませんでた。とエラーが出、youtubeの埋め込みができせん
1
+ 現在、wordpress勉強をして
2
2
 
3
- URLや短縮URLを入れも埋め込みきません。youtubeの動画様々なので試してしたが、
3
+ そこでエスケープ処理というものが出きたのすが、urlは基本的にエスケープ処理してあると思うのですが、attrやhtmlでしているところあれば、していないところもありす。
4
4
 
5
- なかなか思うようにいきません。
5
+ 基本的エスケープ処理をするべきところ、した方がいところはあるのでしょうか?
6
6
 
7
- wordpressLocal行っており、最新です。
7
+ また、あるのであればそれどこしょうか?
8
8
 
9
9
 
10
10
 
11
- 他に何が原因でこのようなことが起きていると考えられますか?
12
-
13
-
14
-
15
- 些細なことでもませんのでご回答いただければ幸いです。
11
+ 少し抽象的な話ではありますが、調べても出てこなかったので些細なことでもお教えいただければ幸いです。

1

誤字

2020/06/21 13:42

投稿

yuta_bsn
yuta_bsn

スコア7

test CHANGED
@@ -1 +1 @@
1
- 拡張機能fireshotにつ
1
+ youtubeを埋め込みできな
test CHANGED
@@ -1,99 +1,15 @@
1
+ このコンテンツを埋め込めませんでした。とエラーが出て、youtubeの埋め込みができません。
2
+
1
- 拡張機能fireshotについて質問なのですが、background-image(fixedで画像は固定してす)前面に出てきて何回も複製されてスクショされます。
3
+ URLや短縮URLを入れても埋め込みできません。youtube動画も様々のでしてした
4
+
5
+ なかなか思うようにいきません。
6
+
7
+ wordpressはLocalで行っており、最新です。
2
8
 
3
9
 
4
10
 
5
- 普通に見る分には前面に出てきておらず、何の問題もありませんが、スクショをした場合のみこのような現象が起きます。
6
-
7
- 原因はfireshotoにあるでしょか?それもコードにあのでしょうか?
11
+ 他に何が原因でこなこが起きていと考えられますか?
8
-
9
- 画像は長すぎて載せられませんでした。
10
12
 
11
13
 
12
14
 
13
- ご回答ければ幸いです。
15
+ 些細なことでも構いませんのでご回答いただければ幸いです。
14
-
15
-
16
-
17
- コードは以下の通りです。↓
18
-
19
- ```HTML
20
-
21
- <!--- Fixed background -->
22
-
23
- <figure>
24
-
25
- <div class="fixed-wrap">
26
-
27
- <div id="fixed">
28
-
29
- </div>
30
-
31
- </div>
32
-
33
- </figure>
34
-
35
- ```
36
-
37
-
38
-
39
- ```css
40
-
41
- /*--- Fixed Background Image --*/
42
-
43
- figure {
44
-
45
- position: relative;
46
-
47
- width: 100%;
48
-
49
- height: 60%;
50
-
51
- margin: 0 !important;
52
-
53
- }
54
-
55
- .fixed-wrap {
56
-
57
- clip: rect(0, auto, auto, 0);
58
-
59
- position: absolute;
60
-
61
- top: 0;
62
-
63
- left: 0;
64
-
65
- width: 100%;
66
-
67
- height: 100%;
68
-
69
- }
70
-
71
- #fixed {
72
-
73
- background-image: url("img/mac.png");
74
-
75
- position: fixed;
76
-
77
- display: block;
78
-
79
- top: 0;
80
-
81
- left: 0;
82
-
83
- width: 100%;
84
-
85
- height: 100%;
86
-
87
- background-size: cover;
88
-
89
- background-position: center center;
90
-
91
- -webkit-transform: translateZ(0);
92
-
93
- transform: translateZ(0);
94
-
95
- will-change: transform;
96
-
97
- }
98
-
99
- ```