// 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 has announced a partnership with Twitch to get bonus in game content in Call of Duty: Modern Warfare by just watching your favorite Twitch streamers.

Here’s exactly how:

Step 1: Get a Call of Duty Account

Registering for a Call of Duty account is a relatively easy process that gives you some awesome benefits. Accounts make it possible for cross-play to be enabled in Modern Warfare, and you’ll receive all the latest intel and personalized stats.

Get an account by going here. If you already have an account, you’re all set.

Step 2: Link and Re-link

Once you have a Call of Duty account, connect it to your Twitch Account, so you can start earning!

Go here to link your Call of Duty and Twitch accounts.

If you already have a Twitch account, you must re-link. Re-linking ensures you have enabled the correct permissions, so you can earn rewards.

Go here to re-link your Call of Duty and Twitch accounts.

Step 3: Watch and Earn

Then, you’ll need to head to Twitch and get a look at the streamers who are playing Modern Warfare. On drop eligible streams you’ll see a callout that “drops are enabled”, so you know you are officially watching and earning. From there, click the stream and enjoy the gameplay.

You can watch multiple streamers or one stream but as long as they are “drop eligible” your total watch time will be tallied up, so you can earn rewards.

Are you a Twitch streamer? If you’d like your stream to be eligible to earn rewards follow steps one and two, then make sure you are streaming on the official Modern Warfare Twitch directory. 

Step 4: Get the Goods

So, you’ve seen some of the Modern Warfare action and want to know what’s headed to your inventory?

Watching 1 hour – earns the ‘Poison Grapes’ spray

Watching 2 hours – earns the ‘Looking Grim’ emblem

Watching 3 hours – earns the ‘Collect Your Soul’ calling card

Watching 4 hours – earns the ‘Reap This’ weapon charm

Enjoy the streams and the goods that will be waiting in your inventory when you queue up Modern Warfare. After that jump-in and experience the action for yourself. 

SOURCE: Activision

comments below