| @@ -39,9 +39,9 @@ | ||
| 39 | 39 | <div class="mask-2"></div> |
| 40 | 40 | <div class="mask-3"></div> |
| 41 | 41 | </div> |
| 42 | 42 | <h3><?php esc_html_e('To unlock more features consider upgrading to PRO', 'fluentform') ?></h3> |
| 43 | - <a target="_blank" rel="nofollow" class="el-button ff_upgrade_btn_large" href="https://fluentforms.com/pricing/?utm_source=plugin&utm_medium=wp_install&utm_campaign=ff_upgrade&theme_style=kadence"><?php esc_html_e('Upgrade to Pro', 'fluentform'); ?></a> | |
| 43 | + <a target="_blank" rel="nofollow" class="el-button ff_upgrade_btn_large" href="<?php echo esc_url(fluentform_upgrade_url('settings_support')); ?>"><?php esc_html_e('Upgrade to Pro', 'fluentform'); ?></a> | |
| 44 | 44 | </div> |
| 45 | 45 | </div><!-- .el-col --> |
| 46 | 46 | <?php endif; ?> |
| 47 | 47 | |
| @@ -67,11 +67,12 @@ | ||
| 67 | 67 | <div class="el-dialog__body"> |
| 68 | 68 | <iframe |
| 69 | 69 | class="w-100" |
| 70 | 70 | style="height: 340px; border-radius: 8px;" |
| 71 | - src="https://www.youtube.com/embed/geJ9ZQGZz2o?si=PYY7lYWilINmngUV" | |
| 71 | + data-src="https://www.youtube.com/embed/geJ9ZQGZz2o?si=PYY7lYWilINmngUV" | |
| 72 | 72 | title="YouTube video player" |
| 73 | 73 | frameborder="0" |
| 74 | + loading="lazy" | |
| 74 | 75 | allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" |
| 75 | 76 | allowfullscreen> |
| 76 | 77 | </iframe> |
| 77 | 78 | </div> |
| @@ -245,15 +246,20 @@ | ||
| 245 | 246 | e.preventDefault(); |
| 246 | 247 | dialogEl.parentElement.classList.add('ff_backdrop'); |
| 247 | 248 | dialogEl.classList.remove('hidden'); |
| 248 | 249 | dialogEl.classList.add('dialog-fade-enter-active'); |
| 250 | + | |
| 251 | + const iframe = dialogEl.querySelector('iframe[data-src]'); | |
| 252 | + if (iframe && !iframe.src) { | |
| 253 | + iframe.src = iframe.getAttribute('data-src'); | |
| 254 | + } | |
| 249 | 255 | }); |
| 250 | - | |
| 256 | + | |
| 251 | 257 | btnCloseEl.addEventListener('click', function(){ |
| 252 | 258 | dialogEl.parentElement.classList.remove('ff_backdrop'); |
| 253 | 259 | dialogEl.classList.add('hidden'); |
| 254 | 260 | dialogEl.classList.remove('dialog-fade-enter-active'); |
| 255 | - | |
| 261 | + | |
| 256 | 262 | const videoElement = dialogEl.querySelector('video, iframe'); |
| 257 | 263 | if (videoElement) { |
| 258 | 264 | if (videoElement.tagName === 'VIDEO') { |
| 259 | 265 | videoElement.pause(); |
| @@ -258,9 +264,9 @@ | ||
| 258 | 264 | if (videoElement.tagName === 'VIDEO') { |
| 259 | 265 | videoElement.pause(); |
| 260 | 266 | videoElement.currentTime = 0; |
| 261 | 267 | } else if (videoElement.tagName === 'IFRAME') { |
| 262 | - videoElement.src = videoElement.src; | |
| 268 | + videoElement.removeAttribute('src'); | |
| 263 | 269 | } |
| 264 | 270 | } |
| 265 | 271 | }); |
| 266 | 272 | }); |