Improved fuglekasse.

This commit is contained in:
Trygve 2021-03-16 15:50:30 +01:00
parent 594e2c8f5b
commit 71cf153672
2 changed files with 22 additions and 2 deletions

View File

@ -27,6 +27,7 @@ header{
} }
.header-list{ .header-list{
width: fit-content; width: fit-content;
width: -moz-fit-content;
padding: 0.5rem; padding: 0.5rem;
background-color: var(--header-bg-color); background-color: var(--header-bg-color);
border-radius: 1rem; border-radius: 1rem;

View File

@ -9,6 +9,25 @@
<link href="./video-js/video-js.css" rel="stylesheet"> <link href="./video-js/video-js.css" rel="stylesheet">
<link href="./video-js/themes/forest/index.css" rel="stylesheet"> <link href="./video-js/themes/forest/index.css" rel="stylesheet">
<style>
video{
border-radius: 0.5rem;
}
.cont{
width: 1296px;
}
@media only screen and (max-width:1350px){
.cont{
width: 90%;
}
}
@media only screen and (max-width:700px){
.cont{
width: 100%;
}
}
</style>
</head> </head>
<body class="theme-auto"> <body class="theme-auto">
@ -18,8 +37,8 @@
<div class="cont"> <div class="cont">
<h1>Direktesending fra fuglekassa</h1> <h1>Direktesending fra fuglekassa</h1>
<video id="live_stream" class="video-js responsive mainVid vjs-theme-forest" controls autoplay="true" preload="auto" <video id="live_stream" class="video-js responsive main-vid vjs-theme-forest" controls autoplay="true" preload="auto"
data-setup='{"controls": true, "autoplay": true, "responsive": true}'> data-setup='{"controls": true, "autoplay": true, "responsive": true, "fluid": true}'>
<source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL"> <source src="https://trygve.me:8080/hls/stream.m3u8" type="application/x-mpegURL">
</video> </video>
</div> </div>