回答編集履歴
1
情報の追加。
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&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
|
+
|