GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2025-12-13 01:30:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

video tag

Browse Source
This commit is contained in:
Devaev Maxim 2021-05-03 19:55:10 +03:00
parent 407ef134f3
commit f2efeb7824
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/kvm/index.html
View File

@ -512,7 +512,9 @@
<button class="window-button-full-screen">&#10530;</button> <button class="window-button-full-screen">&#10530;</button>
</div> </div>
<div id="stream-info"></div> <div id="stream-info"></div>
<div class="stream-box-offline" id="stream-box"><img id="stream-image" src="/share/png/blank-stream.png"></div> <div class="stream-box-offline" id="stream-box"><img id="stream-image" src="/share/png/blank-stream.png">
<video class="hidden" id="stream-video" autoplay playsinline muted></video>
</div>
<div class="keypad" id="stream-mouse-buttons" align="center"> <div class="keypad" id="stream-mouse-buttons" align="center">
<div class="keypad-block"> <div class="keypad-block">
<div class="keypad-row"> <div class="keypad-row">

1
web/kvm/window-stream.pug
View File

@ -10,6 +10,7 @@ div(id="stream-window" class="window window-resizable" data-show-by-button="show
div(id="stream-box" class="stream-box-offline") div(id="stream-box" class="stream-box-offline")
img(id="stream-image" src=`${png_dir}/blank-stream.png`) img(id="stream-image" src=`${png_dir}/blank-stream.png`)
video(id="stream-video" class="hidden" autoplay playsinline muted)
div(id="stream-mouse-buttons" class="keypad" align="center") div(id="stream-mouse-buttons" class="keypad" align="center")
div(class="keypad-block") div(class="keypad-block")

3
web/share/css/kvm/stream.css
View File

@ -56,7 +56,8 @@ div.stream-box-mouse-enabled {
cursor: url("../../svg/stream-mouse-cursor.svg"), pointer; cursor: url("../../svg/stream-mouse-cursor.svg"), pointer;
} }
img#stream-image { img#stream-image,
video#stream-video {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;