(function(App) {

  'use strict';

  App.View = App.View || {};

  App.View.HomeVideo = Backbone.View.extend({

    el: 'body',

    events: {
      'click .js-home-video-play' : 'onClickOpenVideo',
      'click .js-home-video-veil' : 'onClickCloseVideo'
    },

    options: {
      isIframeLoaded: false,
      homeVideoClass: ".c-home-video",
      homeVideoContainerClass: ".js-home-video-container"
    },

    initialize: function() {
      this._cache();
    },

    _cache: function() {
      this.$homeVideo = this.$el.find(this.options.homeVideoClass);
      this.$homeVideoContainer = this.$el.find(this.options.homeVideoContainerClass);
    },

    onClickOpenVideo: function(e) {
      this.$homeVideo.show().animate({
        opacity: 1
      }, 300, function() {
        this._checkIframe();
      }.bind(this));
    },

    onClickCloseVideo: function(e) {
      this.$homeVideo.animate({
        opacity: 0
      }, 300, function() {
        $(this).hide();
      });
    },

    _checkIframe: function() {
      if(!this.options.isIframeLoaded) {
        this.$homeVideoContainer.html(this._getIframeHTML());
        this.options.isIframeLoaded = true;
      }
    },

    _getIframeHTML: function () {
      return '<iframe src="https://player.vimeo.com/video/' + this.$homeVideoContainer.data('video-id') + '?title=0&byline=0&portrait=0" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>'
    },

  });

})(this.App);

@@ -642,23 +642,83 @@
 Class);%0A
+      this.$html = $('html');%0A      this.$body = $('body');%0A
     %7D,%0A
-
 %0A    onC
@@ -877,24 +877,53 @@
 ind(this));%0A
+      this._fixBackground();%0A
     %7D,%0A%0A    
@@ -1053,24 +1053,24 @@
 is).hide();%0A
-
       %7D);%0A  
@@ -1067,16 +1067,166 @@
     %7D);%0A
+      this._fixBackground();%0A    %7D,%0A%0A    _fixBackground: function() %7B%0A      this.$html.toggleClass('-fixed');%0A      this.$body.toggleClass('-fixed');%0A
     %7D,%0A%0A

fix background when video modal is open