forked from External/mediamtx
hls, webrtc: in web page, prevent video from overflowing (#2958)
This commit is contained in:
parent
320f5a7a21
commit
b32bc8dee9
3 changed files with 10 additions and 3 deletions
|
|
@ -8,10 +8,12 @@ html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
|
||||||
font-family: 'Arial', sans-serif;
|
font-family: 'Arial', sans-serif;
|
||||||
}
|
}
|
||||||
#video {
|
#video {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgb(30, 30, 30);
|
background: rgb(30, 30, 30);
|
||||||
|
|
|
||||||
|
|
@ -11,6 +11,9 @@ html, body {
|
||||||
font-family: 'Arial', sans-serif;
|
font-family: 'Arial', sans-serif;
|
||||||
}
|
}
|
||||||
#video {
|
#video {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgb(30, 30, 30);
|
background: rgb(30, 30, 30);
|
||||||
|
|
@ -22,7 +25,7 @@ html, body {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 100%;
|
min-height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
background: rgb(30, 30, 30);
|
background: rgb(30, 30, 30);
|
||||||
|
|
|
||||||
|
|
@ -8,10 +8,12 @@ html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
|
||||||
font-family: 'Arial', sans-serif;
|
font-family: 'Arial', sans-serif;
|
||||||
}
|
}
|
||||||
#video {
|
#video {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgb(30, 30, 30);
|
background: rgb(30, 30, 30);
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue