Changes

/tropic/

/tropic/

Site3

Site3

{}

{}

.videoContain {

	position: relative;

	height:100%;

	overflow: hidden;

	color:white;

}

video { 

    position: absolute;

    top: -200px;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(0%);

 background: black url('//demosthenes.info/assets/images/polina.jpg') no-repeat;

  background-size: cover;

  transition: 1s opacity;

}

.stopfade { 

   opacity: .9;

}



.pause {

	display: inline-block; 

	padding:10px;

	background: rgba(0,0,0,0.8);

}



.pause:hover { 

   background: rgba(0,0,0,0.5);

   

}







@media screen and (max-device-width: 800px) {

  .videoContain { background: url(/media/website_pages/tropic/about-us/video-test/thumbvid.jpg) #000 no-repeat center center; background-size: cover; }

  #bgvid { display: none; }

}

.videoContain {

	position: relative;

	height:100%;

	overflow: hidden;

	color:white;

}

video { 

    position: absolute;

    top: -200px;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    z-index: -100;

    transform: translateX(-50%) translateY(0%);

 background: black url('//demosthenes.info/assets/images/polina.jpg') no-repeat;

  background-size: cover;

  transition: 1s opacity;

}

.stopfade { 

   opacity: .9;

}



.pause {

	display: inline-block; 

	padding:10px;

	background: rgba(0,0,0,0.8);

}



.pause:hover { 

   background: rgba(0,0,0,0.5);

   

}







@media screen and (max-device-width: 800px) {

  .videoContain { background: url(/media/website_pages/tropic/about-us/video-test/thumbvid.jpg) #000 no-repeat center center; background-size: cover; }

  #bgvid { display: none; }

}

var vid = document.getElementById("bgvid");

var pauseButton = document.querySelector(".videoContain .pause");



if (window.matchMedia('(prefers-reduced-motion)').matches) {

    vid.removeAttribute("autoplay");

    vid.pause();

    pauseButton.innerHTML = "Resume video";

}



function vidFade() {

  vid.classList.add("stopfade");

}



vid.addEventListener('ended', function()

{

// only functional if "loop" is removed 

vid.pause();

// to capture IE10

vidFade();

}); 





pauseButton.addEventListener("click", function() {

  vid.classList.toggle("stopfade");

  if (vid.paused) {

    vid.play();

    pauseButton.innerHTML = "Pause video";

  } else {

    vid.pause();

    pauseButton.innerHTML = "Resume video";

  }

})

var vid = document.getElementById("bgvid");

var pauseButton = document.querySelector(".videoContain .pause");



if (window.matchMedia('(prefers-reduced-motion)').matches) {

    vid.removeAttribute("autoplay");

    vid.pause();

    pauseButton.innerHTML = "Resume video";

}



function vidFade() {

  vid.classList.add("stopfade");

}



vid.addEventListener('ended', function()

{

// only functional if "loop" is removed 

vid.pause();

// to capture IE10

vidFade();

}); 





pauseButton.addEventListener("click", function() {

  vid.classList.toggle("stopfade");

  if (vid.paused) {

    vid.play();

    pauseButton.innerHTML = "Pause video";

  } else {

    vid.pause();

    pauseButton.innerHTML = "Resume video";

  }

})

0

0

0

0

0

0

0.5

0.5

0

0

0

0

0

0

0

0

2

2

/

/

0

0

6

6

0

0