// 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); }; });

With Call of Duty: Mobile opening up in beta testing in select regions, some YouTubers and users online have started to share some gameplay and details on the mechanics within this new free to play Call of Duty game.

One of the things that everyone knew that was coming was microtransactions, as Activision is working to up their revenue from the free to play mobile market that games like PUBG Mobile, Fortnite, and more have capitalized on.

The Call of Duty: Mobile game features a free and paid Battle Pass system, similar to games like Fortnite, that allows users to rank up their Battle Pass tiers and earn rewards like weapon variants, camo, skins, and more.

As part of the Closed Beta Test, Activision is giving users in the beta 5,000 Call of Duty Points to spend in-game only for the beta duration. The Call of Duty Points can be used for the in-game store, to purchase the Premium Battle Pass, or buy Battle Pass Tiers to rank up.

Image via luigiisolano

The Battle Pass shown showcases some of the content you can unlock while leveling up the pass throughout the game. It features both a free and paid tier. The paid tier features the ability to earn Call of Duty Points as you level up – something Fortnite does with V-Bucks, but something Black Ops 4 does not.

The game also features Battle Pass missions to level up and earn more content throughout the mobile game.

In addition, the game also features an in-game updating store with new content as the game develops over time.

Activision’s new Call of Duty: Mobile game combines the best of the Black Ops and Modern Warfare series into one free to play mobile game that will feature MP mode, alongside other to be announced modes. One of the modes is expected to be a Battle Royale mode.

This new mobile game is in development by Tencent’s TIMI studio in partnership with Activision Publishing and is expected to release on iOS and Android worldwide later this year.

Images via @RaidAway.

comments below