
<div class="sol-media-wrapper" style='$style'>
  #if(!$video.length)
    <div class="video-container">
    </div>
  #end
</div>

<script>
var videoURI = '$video';
if((!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) && (videoURI.length > 0)) {
 CreateVideo();
}

function CreateVideo() {
    var video = document.createElement("video");
    video.src = videoURI;
    video.controls = false;
    video.autoplay = true;
    video.loop = true;
    video.setAttribute("style", "width: 100%;");
    video.muted = true
    video.addEventListener('click', function () {
      playPause(video);
    });
    var container = document.getElementsByClassName('video-container')[0];
    container.appendChild(video); // Append to the container
}

function playPause(video) {
  if (video.paused) {
    video.play(); 
  } else {
    video.pause();
  }
}
</script>
