JasTobi/WeihnachtsKalenderMelly
3
0
Fork 0
Code Issues 3 Pull Requests Releases 4 Activity

Radio seite Hinzugefügt

Browse Source
This commit is contained in:
Jason
2021-01-06 19:22:45 +01:00
parent ebeecd6776
commit 6886cbbed0
20 changed files with 144 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
tab/radio.php
View File

@@ -1,8 +1,69 @@
<h3 id="titel">Musik</h3>
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>Radio</h3>
</div>
<style>
.select {
font-size: 0.7rem;
display: inline-block;
background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);
border: 1px solid darkred;
border-radius: 5px ;
padding: 0.5rem;
}
.select select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
font-family: Times New Roman;
background-color: transparent;
font-size: 0.7rem ;
}
</style>
<br>
<audio preload controls>
<source src="media/mp3/Computer Jockies - Golden Boy.mp3">
<source src="media/mp3/Computer Jockies - Golden Boy.mp3">
</audio>
<div class="select">
Playlist:
<select required>
<option>&raquo; Bitte Wählen &laquo;</option>
<option value="37i9dQZF1DX1LCddwjCqDK">Weihnachtsklassiker</option>
<option value="6awauReNKrJW9pNUMH7T60">Mellys Weihnachten</option>
<option value="3xAw40ipYZWCBrqmmoFllU">Bibis Weihnachten</option>
<option value="0t6HBJl0PwHtdy0i4FPCfm">Weihnachten Benjamin Blümchen</option>
</select>
</div>
<br></br>
<script>
$("select").change(function () {
var string = "https://open.spotify.com/embed/playlist/"+ $("select").val();
$("iframe").attr('src',string);
});
</script>
<div class="radio">
<iframe width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
<!--
<div class="radio">
<iframe src="https://open.spotify.com/embed/playlist/37i9dQZF1DX1LCddwjCqDK" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
<iframe src="https://open.spotify.com/embed/playlist/6awauReNKrJW9pNUMH7T60" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</div>
https://open.spotify.com/playlist/3xAw40ipYZWCBrqmmoFllU?si=WegOKie3QyCprbI90sxglQ
https://open.spotify.com/playlist/0t6HBJl0PwHtdy0i4FPCfm?si=ATbsbsqZTmGdJRjfyQo9hw
-->