Skip to content

Instantly share code, notes, and snippets.

@julia-r

julia-r/dabblet.css

Last active June 25, 2019 06:28
Show Gist options
  • Save julia-r/629b23c5d1e2d71b2f99f0219565ae78 to your computer and use it in GitHub Desktop.
Save julia-r/629b23c5d1e2d71b2f99f0219565ae78 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
.wrapper-video-bg {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
video#bgvid {
width: auto;
height: 110%;
max-width: none;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
Raw
dabblet.html
<div id="wrapper-video-bg" class="wrapper-video-bg">
<div class="video-poster"></div>
<video loop autoplay id="bgvid" preload="none" muted>
<source src="//foede-glps.innogamescdn.com/media/video/foe/video-background-foe-building-buying-baking.1557480254.mp4" type="video/mp4">
<source src="//foede-glps.innogamescdn.com/media/video/foe/video-background-foe-building-buying-baking.1557480254.webm" type="video/webm">
<source src="//foede-glps.innogamescdn.com/media/video/foe/video-background-foe-building-buying-baking.1557480254.ogv" type="video/ogv">
</video>
</div><!-- content to be placed inside <body>…</body> -->
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment