magnific-popup 相关问题

我嵌入了带有 magnificpopup 脚本的视频。我无法在嵌入的 youtbe 复制结束时删除相关视频。这是我尝试过的代码：我嵌入了带有 magnificpopup 脚本的视频。我无法在嵌入的 youtbe 复制结束时删除相关视频。这是我尝试过的代码： <a class="popup-youtube" href="https://www.youtube.com/watch?rel=0&feature=player_detailpage&v=83UHRghhars"> 但不起作用。以下代码也不重现视频 <a class="popup-youtube" href="https://www.youtube.com/watch?feature=player_detailpage&v=83UHRghhars&rel=0"> 如果我输入 youtube 告诉我的嵌入代码： //www.youtube.com/embed/83UHRghhars?rel=0 视频无法播放。我做错了什么？这是一种通过添加额外的 JavaScript 来实现此目的的方法，如此处所示。 <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> 如果不需要，可以删除“&autoplay=1”。这里有一个问题。我做了这个解决方法。 $('.js-home-video .js-popup-youtube').magnificPopup({ // your default config here // All below settings are default except the rel attribute in youtube-src // This is here to remove the related videos from showing up after the video ends // Adding rel=0 from url in html template stopped autoplay, hence this hack iframe: { markup: '<div class="mfp-iframe-scaler">'+ '<div class="mfp-close"></div>'+ '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+ '</div>', // HTML markup of popup, `mfp-close` will be replaced by the close button patterns: { youtube: { index: 'youtube.com/', // String that detects type of video (in this case YouTube). Simply via url.indexOf(index). id: 'v=', // String that splits URL in a two parts, second part should be %id% // Or null - full URL will be returned // Or a function that should return %id%, for example: // id: function(url) { return 'parsed id'; } src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0' // URL that will be set as a source for iframe. } } } } 如果您使用的是混合图库（例如混合的图像和视频之一），那么您可能想要覆盖放大弹出窗口构建 YouTube 嵌入的方式。 youtube 的默认设置是 youtube: { index: 'youtube.com/', // String that detects type of video (in this case YouTube). Simply via url.indexOf(index). id: 'v=', // String that splits URL in a two parts, second part should be %id% // Or null - full URL will be returned // Or a function that should return %id%, for example: // id: function(url) { return 'parsed id'; } src: '//www.youtube.com/embed/%id%?autoplay=1' // URL that will be set as a source for iframe. } 这意味着 ID 是 v= 之后的所有内容，它只是在创建嵌入代码时将其保留并在末尾粘贴 autoplay=1 。要更改此设置，您可以传入要使用的任何特殊 iframe youtube 模式： iframe: { patterns: { youtube: { src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0&feature=player_detailpage' } } } 在这里，我们调整了源代码，以便它将正常使用 id 构建嵌入，然后粘贴您的 rel 和特征参数（以及自动播放）如果这样做，则将参数保留在 html 标记中的 url 中，或者在末尾设置 v= 属性，以便在构建嵌入 url 时不会添加额外的参数。最终的外观可能是这样的： $('.gallery-list').magnificPopup({ delegate: 'a', type: 'image', gallery: { enabled: true }, iframe: { patterns: { youtube: { src: '//www.youtube.com/embed/%id%?autoplay=1&rel=0' } } } }); 你的元素可能是： <div class="gallery-list"> <a class="popup-youtube mfp-iframe" href="https://www.youtube.com/watch?v=83UHRghhars">Click here</a> <img class="mfp-image" href="http://domain/image.jpg" width="100" height="200" /> </div> 视频链接上的 mfp-iframe 类告诉 magnific 使用 iframe 功能。上面的初始化代码告诉 magnific 默认使用图像，但 mfp-iframe css 类将覆盖视频的该类。现在，当有人点击视频时，放大的弹出窗口应该通过 v= 参数获取视频 id，然后使用该 id 构建嵌入代码，然后附加额外的自动播放和 rel url 参数。转到 jquery.magnific-popup.min.js 或 jquery.magnific-popup.js，无论您在网站上嵌入什么内容。使用文本编辑器搜索和替换，如下所示： Search: youtube.com/embed/%id%?autoplay=1<br> Replace: youtube.com/embed/%id%?rel=0&autoplay=1 点击“保存”。瞧

youtube magnific-popup

回答 4 投票 0

不公开视频的 Vimeo 嵌入（2023 更新）

Vimeo 最近更新了他们的嵌入代码的工作方式。（“从 Vimeo 隐藏”隐私设置现在位于“不公开”下。）由于此更改，我的视频将无法再在 Magni 中播放...

embed lightbox vimeo privacy magnific-popup

回答 0 投票 0

如何在同一个页面打开两个华丽的弹窗？

我有两个弹出模式，一个用于查询，另一个用于时事通讯订阅。让时事通讯订阅表单出现在查询表单弹出表单之后。我已经为 newsl 使用了设置超时...

jquery jquery-ui jquery-plugins magnific-popup mfp

回答 0 投票 0

Magnific Popup - 打开视频时出错

无法在华丽的弹出窗口中播放视频。当我使用 class=iframe 时，页面将重定向到 youtube 并播放视频。但是当我使用 class=popup-youtube 时，弹出窗口会显示，...