Magnific PopupでYouTubeに関連動画を表示させない方法
2016/09/29
Youtube の動画をLightboxのようなモーダルウィンドウで表示できるMagnific Popup。
レスポンシブ・デザインに対応しているので便利です。
Magnific PopupでYouTubeの関連動画を表示させない必要がありました。
普通に関連動画を非表示にするためには、通常、URLの後に、?rel=0を追加すればいいのですが、Magnific Popupでパラメータをつけると、動画が自体が表示されません。
YouTube限定になりますが、下記のJavaScriptにすれば、関連動画が表示されません。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script> jQuery(window).load(function(){ jQuery('a[href*="youtube.com/watch"]').magnificPopup({ type: 'iframe', iframe: { patterns: { youtube: { index: 'youtube.com', id: 'v=', src: '//www.youtube.com/embed/%id%?rel=0&autoplay=1' } } } }); }); </script> |