https://www.thousandfell.com/cdn/shop/t/340/assets/product-card-vi…?v=40224559260955956581784056088

1;(function () {
2  if (!window.matchMedia('(hover:hover) and (pointer:fine)').matches) return
3
4  function initCard(card) {
5    var video = card.querySelector('.product-card__video-hover')
6    if (!video || card._vhInit) return
7    card._vhInit = true
8
9    var defaultHandle = card.dataset.selectedHandle
10
11    card.addEventListener('mouseenter', function () {
12      if (video.style.display !== 'none') video.play().catch(function () {})
13    })
14
15    card.addEventListener('mouseleave', function () {
16      video.pause()
17      video.currentTime = 0
18    })
19
20    new MutationObserver(function () {
21      var isDefault = card.dataset.selectedHandle === defaultHandle
22      if (isDefault) {
23        video.style.display = ''
24        video.play()
25      } else {
26        video.style.display = 'none'
27        video.pause()
28        video.currentTime = 0
29      }
30    }).observe(card, { attributes: true, attributeFilter: ['data-selected-handle'] })
31  }
32
33  function initAll() {
34    document.querySelectorAll('product-card').forEach(initCard)
35  }
36
37  if (document.readyState === 'loading') {
38    document.addEventListener('DOMContentLoaded', initAll)
39  } else {
40    initAll()
41  }
42
43  new MutationObserver(initAll).observe(document.documentElement, {
44    childList: true,
45    subtree: true,
46  })
47})()