mirror of https://github.com/bra1n/townsquare.git
added video background support (mp4/webm)
This commit is contained in:
parent
83e86874f0
commit
2eb228ec81
15
src/App.vue
15
src/App.vue
|
@ -10,6 +10,13 @@
|
|||
: ''
|
||||
}"
|
||||
>
|
||||
<video
|
||||
id="background"
|
||||
v-if="grimoire.background && grimoire.background.match(/\.(mp4|webm)$/i)"
|
||||
:src="grimoire.background"
|
||||
autoplay
|
||||
loop
|
||||
></video>
|
||||
<div class="backdrop"></div>
|
||||
<transition name="blur">
|
||||
<Intro v-if="!players.length"></Intro>
|
||||
|
@ -299,6 +306,14 @@ ul {
|
|||
}
|
||||
}
|
||||
|
||||
/* video background */
|
||||
video#background {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* Night phase backdrop */
|
||||
#app > .backdrop {
|
||||
position: absolute;
|
||||
|
|
Loading…
Reference in New Issue