// initialize jwplayer var playerInstance = jwplayer('player'); // player dom elements var playerContainerEl = document.querySelector('.player-container'); // returns video player position from top of document function getElementOffsetTop(el) { var boundingClientRect = el.getBoundingClientRect(); var bodyEl = document.body; var docEl = document.documentElement; var scrollTop = window.pageYOffset || docEl.scrollTop || bodyEl.scrollTop; var clientTop = docEl.clientTop || bodyEl.clientTop || 0; return Math.round(boundingClientRect.top + scrollTop - clientTop); } // returns the current y scroll position function getScrollTop() { var docEl = document.documentElement; return (window.pageYOffset || docEl.scrollTop) - (docEl.clientTop || 0); } // configure jwplayer instance playerInstance.setup({ autostart: true, playlist: 'https://cdn.jwplayer.com/v2/playlists/mYdavspX', primary: 'html5', setFullscreen: true, width: '100%' }); // when jwplayer instance is ready playerInstance.on('ready', function() { var config = playerInstance.getConfig(); var utils = playerInstance.utils; // get height of player element var playerHeight = config.containerHeight; // flag determining whether close has been clicked var closed = true; // CHANGED // flag determing whether player is playing var playing = false; // ADDED // eventhandler for when close button is being pressed document.getElementsByClassName('icon-close')[0].addEventListener('click', () => { closed = true; onScrollViewHandler(); }); playerInstance.on('play', function() { closed = false; playing = true; // ADDED }).on('pause', function () { playing = false; // ADDED }).on('adPlay', function() { closed = false; // ADDED playing = true; // ADDED }).on('adPause', function() { playing = false; // ADDED }); // get player element position from top of document var playerOffsetTop = getElementOffsetTop(playerContainerEl); // set player container to match height of actual video element playerContainerEl.style.height = playerHeight + 'px'; // below we handle window scroll event without killing performance function onScrollViewHandler() { var minimized = getScrollTop() >= playerOffsetTop; if (closed && minimized) { minimized = false; jwplayer().pause(); playing = false; // ADDED } else if (!minimized && !playing) { closed = true; // ADDED } utils.toggleClass(playerContainerEl, 'player-minimize', minimized); // update the player's size so the controls are adjusted playerInstance.resize(); } // namespace for whether or not we are waiting for setTimeout() to finish var isScrollTimeout = false; // window onscroll event handler window.onscroll = function() { // skip if we're waiting on a scroll update timeout to finish if (isScrollTimeout) return; // flag that a new timeout will begin isScrollTimeout = true; // otherwise, call scroll event view handler onScrollViewHandler(); // set new timeout setTimeout(function() { // reset timeout flag to false (no longer waiting) isScrollTimeout = false; }, 80); }; });

Activision Blizzard has announced the Call of Duty Endowment Charity event for Call of Duty: Modern Warfare that will take place on December 13 starting at 10AM PT.

The event will feature the top Twitch streamers playing Call of Duty: Modern Warfare to help benefit the Call of Duty Endowment, Activision Blizzard’s non profit charity that helps veterans find jobs.

The event will feature eight teams, each captained by a popular streamer playing Call of Duty®: Modern Warfare® alongwith members of the U.S. Army esports team. Each team will be competing to become the CODE Bowl Champions by earning the most points in-game. Each team will include a featured streamer and two active duty service members from the U.S. Army Esports team. The CODE Bowl is also generously supported by Scuf Gaming.

“The CODE Bowl is an exciting new way for the Call of Duty community to engage with world-class streamers and gain awareness about the value of military service,” said Dan Goldenberg, Executive Director of the Call of Duty Endowment. “We couldn’t be more excited to be partnering with U.S. Army Esports in this endeavor!”

The action begins at 10:00 a.m. Pacific, December 13 on the Call of Duty Twitch Channel, featuring pre-show content and commentary by fan-favorite hosts, analysts and commentators. Fans can also watch their favorite streamers via their individual channels, listed here:

Separate from the CODE Bowl, starting today leading up to the event, each streamer will raise donations on their channels on behalf of the Call of Duty Endowment. The streamer who raises the most donations will take home the championship trophy and bragging rights. People can also donate directly at this page here.

You can watch the event LIVE HERE:

Learn more about the Call of Duty Endowment here.

comments below