diff options
| -rw-r--r-- | assets/css/_relive.less | 13 | ||||
| -rw-r--r-- | view/relive-player.php | 4 |
2 files changed, 12 insertions, 5 deletions
diff --git a/assets/css/_relive.less b/assets/css/_relive.less index 512c3cd..09d54ad 100644 --- a/assets/css/_relive.less +++ b/assets/css/_relive.less @@ -28,13 +28,20 @@ body.relive { body.relive-player { .player-wrap { - padding: 50px 0; + padding: 0; border: 1px solid #ddd; - border-radius: @border-radius-large; - margin-bottom: 25px; .video-wrap { margin: 0 auto; + + > [data-player] { + // force 16:9 aspect ratio + // https://gordonlesti.com/bootstrap-responsive-embed-aspect-ratio/ + padding-bottom: 56.25%; + + width: auto !important; + height: auto !important; + } } } diff --git a/view/relive-player.php b/view/relive-player.php index 30de002..6be5616 100644 --- a/view/relive-player.php +++ b/view/relive-player.php @@ -11,6 +11,6 @@ echo $tpl->render(array( 'title' => 'Relive: ' . $talk['title'], 'talk' => $talk, - 'width' => 1024, - 'height' => 576, + 'width' => 1920, + 'height' => 1080, )); |