Improved fuglekasse.
This commit is contained in:
parent
594e2c8f5b
commit
71cf153672
@ -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;
|
||||||
|
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user