1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-26 11:38:58 +01:00
site/_src/_assets/javascripts/bigchain/hero-video.js
Matthias Kretschmann 71a557263e refactor the whole video js, ref #14
- make sure video only gets downloaded when needed
2016-02-10 01:11:09 +01:00

46 lines
1.1 KiB
JavaScript

var HeroVideo = (function(w, d, $) {
'use strict'
var app, _private, _config
_config = {
heroVideo: $('.hero-video__video').get(0),
minWidth: 720 // $screen-md
}
_private = {
play: function() {
if ( _config.heroVideo.paused ) {
if ( _config.heroVideo.readyState < 4 ) {
_config.heroVideo.load();
}
_config.heroVideo.play();
$(_config.heroVideo).addClass('enabled').removeClass('hide');
}
},
pause: function() {
_config.heroVideo.pause();
$(_config.heroVideo).addClass('hide').removeClass('enabled');
},
isWide: function() {
return $(window).width() >= _config.minWidth;
},
}
app = {
init: function() {
$(window).on('load resize', function() {
if (_private.isWide()) {
_private.play()
} else {
_private.pause()
}
})
}
}
return app
})(window, document, jQuery)