teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

情報の追加。

2016/08/09 12:04

投稿

kei344
kei344

スコア69625

answer CHANGED
@@ -1,4 +1,20 @@
1
1
  【MagnificPopupでクリックせずにモーダルを表示させる方法 - Qiita】
2
2
  [http://qiita.com/katsukii/items/052918c45ab27eab8b06](http://qiita.com/katsukii/items/052918c45ab27eab8b06)
3
3
 
4
- こちらの方法はどうでしょう。
4
+ こちらの方法はどうでしょう。
5
+
6
+ ---
7
+
8
+ **追記:**
9
+
10
+ これで動きました。どうも Magnific Popup が生成する iframe が良くないのか、URLだけでなくタグ全体をそのまま出力することで動きました。
11
+
12
+ ```JavaScript
13
+ $.magnificPopup.open({
14
+ items: {
15
+ src: '<iframe src="//www.youtube.com/embed/cUQQN7POquU?rel=0&amp;autoplay=1" frameborder="0" style="width: 100vw;height:50vw"></iframe>',
16
+ type: 'inline'
17
+ }
18
+ });
19
+ ```**動くサンプル:**[https://jsfiddle.net/mn4u4L0u/](https://jsfiddle.net/mn4u4L0u/)
20
+