diff --git a/player.php b/player.php index cd0446e2..f836af88 100644 --- a/player.php +++ b/player.php @@ -15,8 +15,10 @@ $loop = ($_GET['loop'] != "0"); >[play once] >[loop] - +
+ +
diff --git a/playerstyle.css b/playerstyle.css index 44d73757..efb570bb 100644 --- a/playerstyle.css +++ b/playerstyle.css @@ -1,19 +1,38 @@ body { background: black; color: white; -} -video { - display: block; - margin-left: auto; - margin-right: auto; + margin: 0px; } #playerheader { + position: absolute; + left: 0px; + right: 0px; + top: 0px; + height: 24px; + padding: 0px 4px; text-align: right; + font-size: 16px; } #playerheader a { color: white; text-decoration: none; } -span.settings { - position: relative; +span.settings div { + background: black; + z-index: 1; + padding-right: 4px; +} +#playercontent { + position: absolute; + left: 0px; + right: 0px; + top: 24px; + bottom: 0px; +} +video { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100%; } diff --git a/settings.js b/settings.js index 54765190..e349b8ab 100644 --- a/settings.js +++ b/settings.js @@ -17,7 +17,7 @@ setDefault("videomuted", false); var settingsMenu = document.createElement("span"); settingsMenu.className = "settings"; settingsMenu.innerHTML = '[Settings]' - + '
' + + '
' + '
' + '
' + '
'