pull/1/head
Jan Umbach 2024-05-29 23:36:21 +02:00
parent 9a9eb0292d
commit 984a19cc30
2 changed files with 17 additions and 1 deletions

View File

@ -134,6 +134,21 @@ function pauseAllMedia() {
}); });
} }
function pauseAllMediaInGallery(gallery) {
console.log('Pausing all media in gallery');
gallery.querySelectorAll('.js-youtube').forEach((video) => {
video.contentWindow.postMessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}', '*');
});
gallery.querySelectorAll('.js-vimeo').forEach((video) => {
video.contentWindow.postMessage('{"method":"pause"}', '*');
});
gallery.querySelectorAll('video').forEach((video) => video.pause());
gallery.querySelectorAll('product-model').forEach((model) => {
if (model.modelViewerUI) model.modelViewerUI.pause();
});
}
function removeTrapFocus(elementToFocus = null) { function removeTrapFocus(elementToFocus = null) {
document.removeEventListener('focusin', trapFocusHandlers.focusin); document.removeEventListener('focusin', trapFocusHandlers.focusin);
document.removeEventListener('focusout', trapFocusHandlers.focusout); document.removeEventListener('focusout', trapFocusHandlers.focusout);

View File

@ -99,7 +99,8 @@ if (!customElements.get('media-gallery')) {
playActiveMedia(activeItem) { playActiveMedia(activeItem) {
console.log('Playing active media:', activeItem); console.log('Playing active media:', activeItem);
window.pauseAllMedia(); //window.pauseAllMedia();
pauseAllMediaInGallery(this.elements.viewer);
const deferredMedia = activeItem.querySelector('.deferred-media'); const deferredMedia = activeItem.querySelector('.deferred-media');
if (deferredMedia) deferredMedia.loadContent(false); if (deferredMedia) deferredMedia.loadContent(false);
} }