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

Twitch has announced their schedule for E3 2014, and have confirmed that they will have Advanced Warfare on their stream on June 10th on 12pm PDT on http://twitch.tv/.

Tuesday 6/10 PT:

  • 9:00am – Nintendo Digital Event
  • 10:00am – Deep Silver (Unannounced title)
  • 10:15am – Deep Silver (Unannounced title)
  • 10:30am – Dragon Age: Inquisition (EA)
  • 11:00am – Ubisoft (Unannounced title)
  • 11:20am – The Division (Ubisoft)
  • 11:40am – Farcry 4 (Ubisoft)
  • 12:00pm – Call of Duty: Advanced Warfare (Activision)
  • 12:20pm – Microsoft Studios (Unannounced title)
  • 12:40pm – Microsoft Studios (Unannounced title)
  • 1:00pm – DRIVECLUB (SCEA)
  • 1:20pm – Evil Within (Bethesda)
  • 1:40pm – Lords of the Fallen (NAMCO)
  • 2:00pm – Destiny (Activision/BUNGIE)
  • 2:20pm – The Order: 1886 (SCEA)
  • 2:40pm – Nintendo (Unannounced title)
  • 3:00pm – Evolve Special Tournament (2K)
  • 4:00pm – Super Smash Bros. Invitational (Nintendo)

As a reminder, IGN will also have Advanced Warfare on their E3 stream on June 10th at 2pm PDT. 

SOURCE: Twitch

comments below