-
投稿者投稿
-
2024年10月8日 5:14 PM #142103
【お使いの Snow Monkey のバージョン】27.2.3
【お使いの Snow Monkey Blocks のバージョン】22.2.1
【お使いの Snow Monkey Editor のバージョン】10.0.4
【お使いの PHP のバージョン】8.1
【お使いのブラウザ】chrome### 発生している問題
1カラム・1カラムスリム幅レイアウトのときに、カスタムHTMLブロックを利用してyoutubeのiframe埋め込み(やinstagramのiframe埋め込み用)のタグを挿入すると左端にズレてしまいます。
下記のフォーラムを参照すると、Snow MonkeyのCSSとiframeの相性っぽいと理解したのですが、googlemapのiframe埋め込みの時のレイアウトが改善されていたので、youtubeとinstagramの埋め込みも一般の方がブログなどで埋め込みする機会が多いと思うので、対応検討いただけると嬉しいです。
※WordPressのYouTube埋め込みのブロックも考えたが、途中再生etcなどのオプションも指定したいのでiframeを使いたいです。
### 試したこと
YouTubeのiframeタグをdivタグで囲う、あるいはセクションブロックなどの中に入れると解決した。他に良い方法などありましたら教えてください。
♥ 0いいねをした人: 居ません2024年10月9日 3:11 PM #142120一応確認したいのですが、YouTube の埋め込みは
iframe
タグでsrc
がhttps://www.youtube.com/embed
から始まるもの、Instagram の埋め込みは<blockquote
タグでdata-instgrm-permalink
がhttps://www.instagram.com/p
から始まり最後は</script>
で終わるもの、であっていますか?♥ 0いいねをした人: 居ません2024年10月9日 4:06 PM #142121早速のお返事ありがとうございます。
一応確認したいのですが、YouTube の埋め込みは iframe タグで src が https://www.youtube.com/embed から始まるもの、Instagram の埋め込みは <blockquote タグで data-instgrm-permalink が https://www.instagram.com/p から始まり最後は </script> で終わるもの、であっていますか?
はい、上記の認識で相違ありません!
(Instagramはiframeではなくblockquoteタグで勘違いしておりました汗。失礼いたしました!)
よろしくお願いいたします。
2024年10月9日 7:10 PM #1421282024年10月9日 10:40 PM #142129 -
投稿者投稿
- トピック「1カラム・1カラムスリム幅のときにyoutube埋め込みやinstagram埋め込みのiframeを入れると左端にズレる」には新しい返信をつけることはできません。