vendor
7 years ago
admin.js
2 years ago
ads.js
2 years ago
carousel.min.js
2 years ago
documents-viewer-script.js
3 years ago
front.js
2 years ago
glider.min.js
2 years ago
gutneberg-script.js
2 years ago
index.html
7 years ago
initCarousel.js
2 years ago
initplyr.js
2 years ago
instafeed.js
2 years ago
license.js
2 years ago
pdfobject.min.js
3 years ago
plyr.polyfilled.js
3 years ago
preview.js
3 years ago
settings.js
6 years ago
vimeo-player.js
2 years ago
ytiframeapi.js
2 years ago
gutneberg-script.js
36 lines
| 1 | function handlePosterImageLoad() { |
| 2 | wp.data.subscribe(() => { |
| 3 | var posterImages = document.querySelectorAll(".plyr__poster"); |
| 4 | var videoWrappers = document.querySelectorAll("[data-playerid]"); |
| 5 | |
| 6 | // Iterate over each posterImage |
| 7 | posterImages.forEach(function(posterImage) { |
| 8 | if (posterImage) { |
| 9 | var observer = new MutationObserver(function(mutationsList, observer) { |
| 10 | var posterImageStyle = window.getComputedStyle(posterImage); |
| 11 | if (posterImageStyle.getPropertyValue('background-image') !== 'none') { |
| 12 | setTimeout(function() { |
| 13 | videoWrapper.style.opacity = "1"; |
| 14 | }, 200); |
| 15 | observer.disconnect(); |
| 16 | } |
| 17 | }); |
| 18 | |
| 19 | observer.observe(posterImage, { |
| 20 | attributes: true, |
| 21 | attributeFilter: ['style'] |
| 22 | }); |
| 23 | } |
| 24 | }); |
| 25 | |
| 26 | // Iterate over each videoWrapper |
| 27 | videoWrappers.forEach(function(videoWrapper) { |
| 28 | if (videoWrapper && posterImages.length > 0) { |
| 29 | videoWrapper.style.opacity = "1"; |
| 30 | } |
| 31 | }); |
| 32 | }); |
| 33 | } |
| 34 | |
| 35 | document.addEventListener("DOMContentLoaded", handlePosterImageLoad); |
| 36 |