name="playframe-show"
class="noradius nomarpad"
width="100%"
-height="24"
-style="border:none;"
+height="48"
+style="border:none;vertical-align:middle;"
></iframe></td></tr>
<?php }
?><!DOCTYPE html>
<html><head><meta charset="<?= $GLOBALS['charset'] ?>"><title><?= htmlspecialchars($title, ENT_QUOTES, $GLOBALS['charset']) ?>: Music Player</title>
<link rel="stylesheet" type="text/css" href="<?= htmlspecialchars($css, ENT_QUOTES) ?>" />
-<style> * { margin: 0; padding: 0; border: 0; } body { min-height: 24px; } </style></head><body>
+</head><body class="jbx-player">
<audio id="jbx-audio" controls preload="metadata"<?= $song_url && !$is_playlist ? ' src="'.htmlspecialchars($song_url, ENT_QUOTES).'" autoplay' : '' ?>></audio>
<?php if($is_playlist) { ?>
<script>
background-color: #000099;
}
+/* Player frame iframe content: HTML5 player page */
+body.jbx-player {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ height: 48px;
+ overflow: hidden;
+}
+body.jbx-player #jbx-audio {
+ width: 100%;
+ height: 48px;
+ display: block;
+}
+
+/* Player frame iframe content: blank (stopped) page */
+body.blank {
+ margin: 0;
+ padding: 0;
+ height: 48px;
+ overflow: hidden;
+}
+body.blank .blank {
+ margin: 0;
+ padding: 2px 6px;
+ line-height: 44px;
+ box-sizing: border-box;
+}
+
.nomarpad {
margin: 0;
padding: 0;