moodlecloud.js

   1
   2 var experiences = [
   3     'hCC6ZhRS7sY',
   4     'X_aNYRPEZOY'
   5 ];
   6
   7 var experience = experiences[Math.floor(Math.random()*experiences.length)];
   8
   9 $('<div class="video-background"><div class="video-foreground"><iframe src="https://www.youtube.com/embed/' + experience + '?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe></div></div>')
  10     .appendTo('.bg-cover');
  11
  12 $(".video-background").attr(
  13     'style', 'background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;'
  14 );
  15
  16 $('.video-foreground').attr(
  17     'style', 'position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden;'
  18 );
  19
  20 $('.video-background').attr(
  21     'style', 'position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;'
  22 );
  23
  24 $('iframe').attr(
  25     'style', 'position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; transform: scale(2,2) translateY(50px);'
  26 );
  27
  28 $('.bg-hero').attr(
  29     'style', 'height: 600px;'
  30 );
  31
  32 $('.bg-hero p, .bg-hero h1').attr('style', 'color: white;');
  33
  34 $('.bg-hero .wrap.mcb-wrap.one.valign-top.clearfix').attr('style', 'margin-top: 300px;');