let prodLink = `#order:${titles[index]}=${price[index]}`;

<script>
$(document).ready(function(){
let playList = {    
  '1' : 'https://dl.dropboxusercontent.com/scl/fi/tocq7h79btq7wvqieeoma/copy_4A27FC44-AE9E-427B-83DD-63B43CD25410.mp4?rlkey=kr7t8c218k73uew61qqq4x1w6&st=rpkutuoh&dl=0',
  '2' : 'https://dl.dropboxusercontent.com/scl/fi/d9y05q8e20q5lptzwwjt1/copy_D74186F9-0186-40E7-B99B-97008CE343FA.mp4?rlkey=dwt5cu9o7s061ta23v2oe1sco&st=oja9qnyx&dl=0',
  '3' : 'https://dl.dropboxusercontent.com/scl/fi/3tzpjfvc0rfmrh4dlmmzp/copy_70D07D7A-2F5E-4EF5-97BB-A45716FC2986.mp4?rlkey=lfmy39rg2se8pyzj21fdo9wju&st=ys8wt9fq&dl=0',
  '4' : 'https://dl.dropboxusercontent.com/scl/fi/alqrbkp7jjixy9pn2h8fh/copy_709AA356-9C80-4737-8112-0C480B24BD2B.mp4?rlkey=sdeh5igu0yvdp9xor6sycahx1&st=dcnpin0y&dl=0',
  '5' : 'https://dl.dropboxusercontent.com/scl/fi/zvr38eyggj4wtk64wu58d/copy_C170A537-CE97-41F5-A799-2E6D65997660-1.mp4?rlkey=8squkkn4poljjs2tk2lo4tsf4&st=7tughz0a&dl=0',
  '6' : 'https://dl.dropboxusercontent.com/scl/fi/9fwg5q95edwdn351lwpaf/copy_C517B475-2ADB-4D57-A8B3-C6C6761574D2.mp4?rlkey=d6kmtjcpp0ekzfrkbks7xfclx&st=vl3hjhqa&dl=0',
  '7' : 'https://dl.dropboxusercontent.com/scl/fi/zjbkz96uw63ovghf1e8en/copy_F780CF01-6942-410C-A94D-12281CBF33D1.mp4?rlkey=1i7zm37mi7oja65pv6xmwr4ko&st=5g98n7q1&dl=0',
  '8' : 'https://dl.dropboxusercontent.com/scl/fi/1tq8dmiw1jzq579nd8l9n/copy_FEDAB77D-67A8-4B52-933C-DBAE0DF58FE2.mp4?rlkey=sgrcw112runi6jo8cf64iy3dg&st=e8r4nt3o&dl=0',
};
for (var key in playList) {
    let autoplay = '';
    if(key=='1') autoplay = 'autoplay="autoplay"';
    console.log(key);
    $('.t994__item-wrapper:eq('+(+key-1)+') .t994__content').before(`<div class="t994__video-wrapper"><video class="t994__video" style="object-fit: cover;background-size: cover;  width: 100%; height: 100%;"  preload="auto" playsinline=""  loop="" muted="muted" ${autoplay}><source src="${playList[key]}"></video><div class="t994__video-btn"></div><div class="t994__video-btn-mute"></div></div>`);
};
let videoNum = $('.t994__video').length;
function pauseVideo(){
    $('.t994__video').each(function( index ) {
        let thisVideo = $(this);
        if (  $(this).get(0).played ) $(this)[0].pause(); 
        thisVideo.siblings('.t994__video-btn-mute').removeClass('mute_show');
    });
    $('.t994__video-btn').removeClass('playbtn_hide');
    setTimeout(function(){
        let findVideo = $('.t994__item.t-slds__item_active').find('video');
        if ( findVideo.length ){
            findVideo.next('.t994__video-btn').addClass('playbtn_hide');
            findVideo[0].play();
            findVideo.siblings('.t994__video-btn-mute').addClass('mute_show'); 
        };
    }, 100);    
};
$('.t994__item-wrapper').on('click' , '.t994__video-btn-mute' ,function(e){ 
    $('.t994__video').prop('muted', false); 
    $('.t994__video-btn-mute').addClass('mute_dis');
});
$('.t994__content, .t994__video-btn').click(function(){
    let videoLn = $(this).closest('.t994__item-wrapper').find('video');
    if( videoLn.length ){
        if (  videoLn.get(0).paused ) {
            videoLn.next('.t994__video-btn').addClass('playbtn_hide');
            videoLn.get(0).play();
            videoLn.siblings('.t994__video-btn-mute').addClass('mute_show');
        } else {
            videoLn.next('.t994__video-btn').removeClass('playbtn_hide');
            videoLn.get(0).pause();
            videoLn.siblings('.t994__video-btn-mute').removeClass('mute_show'); 
        }
    };
});
let slideline = document.querySelector('.t994__slidecontainer');
var observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
        var newVal = $(mutation.slideline).prop(mutation.attributeName);
        if (mutation.attributeName === "data-slide-pos") { pauseVideo()};  
});
});
observer.observe( slideline , {  attributes: true});
});
</script> <style>
.t994__video-wrapper { 
    width: 100%; 
    height: 100%;
    position:absolute;
}
.t994__video-btn , .t994__video-btn-mute {
    width: 60px;
    height: 60px;
    background-image: url(https://static.tildacdn.com/tild6465-3064-4962-b733-383664376338/Group_8.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
    z-index: 99;
    transition: all 0.3s ease-in-out;
}
.t994__video-btn-mute{
    display:none;
    background-image: url(https://static.tildacdn.com/tild3938-6263-4461-b031-363134353565/volume_1.svg);
}
.playbtn_hide{opacity:0}
.t994__video-btn:hover {transform: translateX(-50%) translateY(-50%) scale(1.1)}
.mute_show{display:block}
.mute_dis{display:none !important}
 
</style> <style>
video.t994__video { 
    filter: brightness(0.7); 
}
</style>