Unverified Commit 9e7b860e authored by katja heuer's avatar katja heuer Committed by GitHub

Merge pull request #225 from katjaq/master

adapted code to autoplay the video, and code prepared for the new video bgBrains
parents 90af5c66 b29882cd
......@@ -27,9 +27,9 @@
<!-- Content -->
<div class="slide" style="background:#222">
<!-- Slide: Landing -->
<img id="neuronsImg" src="/img/neurons.jpg" width="100%" />
<video id="neurons" width="100%" muted autoplay loop>
<source src="/img/neurons.mp4" type="video/mp4">
<img id="bgBrainsImg" src="/img/bgBrains.jpg" width="100%" />
<video id="bgBrains" width="100%" muted autoplay loop>
<source src="/img/bgBrains.mp4" type="video/mp4">
</video>
<div class="content">
<img id="logo" src="/img/brainbox-logo.svg" style="text-align:center"/>
......
......@@ -53,17 +53,20 @@ testWebSockets()
$(".slide").height(window.innerHeight);
$(window).on('resize', function() {
$(".slide").height(window.innerHeight);
$("#neurons").css({width:window.innerWidth});
$("#bgBrains").css({width:window.innerWidth});
});
// go to url button
$("#go").click(goToURL);
// video settings
var vid = document.getElementById("neurons");
var vid = document.getElementById("bgBrains");
//vid.autoplay = true;
//vid.muted = true;
//vid.loop = true;
vid.playbackRate = 0.5;
vid.onloadedmetadata = function() {
$("#neurons").css({width:window.innerWidth});
$("#bgBrains").css({width:window.innerWidth});
};
// List of brains
......
......@@ -59,12 +59,12 @@ h2 {
width:250px;
}
#neuronsImg {
#bgBrainsImg {
filter:contrast(150%) brightness(60%);
-webkit-filter:contrast(150%) brightness(60%);
position:absolute;top:0;left:0
}
#neurons {
#bgBrains {
filter:contrast(150%) brightness(60%);
-webkit-filter:contrast(150%) brightness(60%);
position:absolute;top:0;left:0
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment