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

While the Call of Duty: Mobile Beta makes its roll out across the world, players are getting some peaks at what the full game will offer.

As announced last week, the iOS and Android game will feature a Multiplayer, Zombies, and Battle Royale component. At first, Multiplayer was the only unlocked mode during the Beta, however the menus for Battle Royale started to become active over the weekend.

While the mode is still yet unplayable, one very interesting morsel of information has slipped out. Call of Duty: Mobile’s Battle Royale feature appears to include six unique classes that players can select before going into battle.

So far, the six classes are as follows (click through the gallery below for more information):

Medic: Medical Station, Master Healer

Scout: Sensor Dart, Tracker

Clown: Toy Bomb, Anti-zombie

Ninja: Grapple Gun, Dead Silence

Defender: Transform Shield, Reinforced

Mechanic: EMP Drone, Engineer

Each class offers a unique piece of equipment and passive perk. It is unclear at this time if these work on a cooldown system or are earned through other means. A similar system can be found in popular Battle Royale game, Apex Legends, where Legends have a Passive ability, an Ultimate ability with a long cooldown rate, and a Tactical ability with a shorter cooldown rate.

Something to take note of, is the inconsistencies of these items names, and their source material. While some are pulled straight from Black Ops 4 (Dead Silence, Grapple Gun, Tracker), others have been slightly altered in design and name (Transform Shield instead of Barricade, Toy Bomb instead of Monkey Bomb). According to the image, players can also equip camos to these classes.

Lastly, based on the description of the Toy Bomb equipment, it appears Zombies are confirmed for the Battle Royale map in Call of Duty: Mobile.

Images via @AzN_Jerald

comments below
Brooklyn boy, born and raised. @MrBrawl96 everywhere on the World Wide Web.