南宫28

$(document).ready(function() { // animation var anim = $('.animation'); if (anim != null){ if (animatonViewport(anim[0])) { anim[0].classList.add("in-viewport"); } window.addEventListener('scroll', function (event) { for (var i = 0; i < anim.length; i++) { if (animatonViewport(anim[i])) { anim[i].classList.add("in-viewport"); } } }, false); } // Video Control var vidBtn = $('.video_control_btn'); var heroVdieo = document.querySelector('video'); vidBtn.on('click', function(event){ var $this = $(this); if ($this.hasClass("pause")) { $this.removeClass("pause").addClass("resume"); heroVdieo.pause(); } else if ($this.hasClass("resume")) { $this.removeClass("resume").addClass("pause"); heroVdieo.play(); } }); var videoTrigger = $(".trigger")[0]; var videoLoaded = false; if (videoTrigger != null){ window.addEventListener('scroll', function (event) { //if (triggerInViewport(videoTrigger) && videoLoaded != true) { if (triggerInViewport(videoTrigger)) { if (document.querySelector('source')) { vidBtn.removeClass("resume").addClass("pause"); heroVdieo.play(); } else { var source = document.createElement('source'); source.src = 'assets/images/img/ux8406/wdVideos_1_video.mp4'; source.type = 'video/mp4'; heroVdieo.appendChild(source); //videoLoaded = true; } } else { vidBtn.removeClass("pause").addClass("resume"); heroVdieo.pause(); } }, false); } });