Disable video autoplay using JavaScript - Fluid Topics - Latest

document.addEventListener('ft:reader:topicsloaded', cancelVideoAutoplay);

function cancelVideoAutoplay() {
  let videoContainers = document.querySelectorAll('iframe[src$=".mp4"], object[data$=".mp4"]');
  for (let vContainer of videoContainers) {
    const vContainerTag = vContainer.tagName;
    const vContainerAttribute = vContainerTag === 'IFRAME' ? 'src' : 'data';

    const src = vContainer.getAttribute(vContainerAttribute);
    const video = document.createElement('video');
    const videoSource = document.createElement('source');
    const videoSourceType = src.split('.').pop();

    Array.from(vContainer.attributes).forEach(attr => {
      video.setAttribute(attr.name, attr.value);
    });

    videoSource.setAttribute('src', src);
    videoSource.setAttribute('type', `video/${videoSourceType}`);

    video.setAttribute('controls', true);
    video.append(videoSource);

    vContainer.replaceWith(video);
  }
}