diff options
| author | Samuel Johnson <[email protected]> | 2025-12-10 21:18:00 -0500 |
|---|---|---|
| committer | Samuel Johnson <[email protected]> | 2025-12-10 21:18:00 -0500 |
| commit | 0c12a3849da1d2d94f9697e0cfe5b196287dff03 (patch) | |
| tree | 26e9bab89e7d97c05cf8ab89769b35c1a3727016 | |
| parent | f22d257768f7a257dd47cbebf93871ebd87aeb86 (diff) | |
Fix youtube embed functionality
| -rw-r--r-- | static/app.css | 8 | ||||
| -rw-r--r-- | ui/html/pages/video_feed.tmpl.html | 4 |
2 files changed, 10 insertions, 2 deletions
diff --git a/static/app.css b/static/app.css index b5ff52a..fb2f330 100644 --- a/static/app.css +++ b/static/app.css @@ -117,7 +117,13 @@ input { background-color: rgba(255, 255, 255, 0.8); } -.video { +.video_container { + display: flex; + justify-content: center; +} + +iframe { + aspect-ratio: 16 / 9; width: 100% !important; background-color: rgba(0, 0, 0, 1.0); } diff --git a/ui/html/pages/video_feed.tmpl.html b/ui/html/pages/video_feed.tmpl.html index 83332f2..373a62d 100644 --- a/ui/html/pages/video_feed.tmpl.html +++ b/ui/html/pages/video_feed.tmpl.html @@ -6,7 +6,9 @@ <div class="card"> <div class="header"> <h4><b>{{.Title}} - {{.Published}}</b></h4> - <iframe class="video" src="{{.Link}}"></iframe> + <div class="video_container"> + <iframe src="{{.Link}}"></iframe> + </div> </div> <p>{{.Description}}</p> </div> |