Come incorporare il video di YouTube in un popup magnifico?

ho un plugin ingrandito popup.but non mostra il video in popup Come incorporare il video di youtube in un popup magnifico?

Controlla il seguente link per la documentazione:

Doc

$(document).ready(function() { $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false }); }); Open YouTube video 

Spero che questo ti aiuti.

Di default Magnific Popup supporta solo un tipo di URL per ciascun servizio, quindi lo estendo per il supporto di quasi tutti i tipi di URL video di YouTube / Vimeo:

http://dimsemenov.com/plugins/magnific-popup/documentation.html#iframe-type

 $('.my-selector').magnificPopup({ type: 'iframe', iframe: { patterns: { youtube: { index: 'youtube.com/', id: function(url) { var m = url.match(/[\\?\\&]v=([^\\?\\&]+)/); if ( !m || !m[1] ) return null; return m[1]; }, src: '//www.youtube.com/embed/%id%?autoplay=1' }, vimeo: { index: 'vimeo.com/', id: function(url) { var m = url.match(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([az]*\/)*([0-9]{6,11})[?]?.*/); if ( !m || !m[5] ) return null; return m[5]; }, src: '//player.vimeo.com/video/%id%?autoplay=1' } } } }); 

Basta copiare queste due proprietà ( iframe , type ) e aggiungerle al tuo Magnific Popup.

Eccellente punto di partenza Roy, ma consente di estendere ulteriormente questo aspetto poiché YouTube ha iniziato da incorporamenti temporali specifici e oggigiorno offre agli utenti i link youtu.be da incorporare. Quindi per abbinare entrambi i casi incluso l’avvio del video da una timeline specifica, lo faccio. Nota che ho anche aggiunto il markup override, rimuovilo se non ne hai bisogno.

 function extendMagnificIframe(){ var $start = 0; var $iframe = { markup: '
' + '
' + '' + '
' + '
' + '
' + '
', patterns: { youtube: { index: 'youtu', id: function(url) { var m = url.match( /^.*(?:youtu.be\/|v\/|e\/|u\/\w+\/|embed\/|v=)([^#\&\?]*).*/ ); if ( !m || !m[1] ) return null; if(url.indexOf('t=') != - 1){ var $split = url.split('t='); var hms = $split[1].replace('h',':').replace('m',':').replace('s',''); var a = hms.split(':'); if (a.length == 1){ $start = a[0]; } else if (a.length == 2){ $start = (+a[0]) * 60 + (+a[1]); } else if (a.length == 3){ $start = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]); } } var suffix = '?autoplay=1'; if( $start > 0 ){ suffix = '?start=' + $start + '&autoplay=1'; } return m[1] + suffix; }, src: '//www.youtube.com/embed/%id%' }, vimeo: { index: 'vimeo.com/', id: function(url) { var m = url.match(/(https?:\/\/)?(www.)?(player.)?vimeo.com\/([az]*\/)*([0-9]{6,11})[?]?.*/); if ( !m || !m[5] ) return null; return m[5]; }, src: '//player.vimeo.com/video/%id%?autoplay=1' } } }; return $iframe; } $('.my-selector').magnificPopup({ type: 'iframe', iframe: extendMagnificIframe() });