JSFiddle - React, Tailwind, and code Playground
HTML
<div id=wmp>
Загрузка плеера ...
<br><a href="http://www.macromedia.com/go/getflashplayer">Скачать</a></div>
<script src="http://myradio24.com/swfobject.js"></script>
<script type="text/javascript">
var so = new SWFObject("http://myradio24.com/energy.swf?v15", "simple", "180", "75", "9");
so.addParam("wmode", "transparent");
so.addParam("allowScriptAccess", "sameDomain");
so.addVariable("type", "mp3");
so.addVariable("stream", "http://listen2.myradio24.com:9000/8000");
so.addVariable("song", "http://myradio24.com/users/8000/status.txt");
so.addVariable("song_refresh", "15");
so.addVariable("traffic", "yes");
so.addVariable("listeners", "yes");
so.addVariable("autostart", "yes");
so.addVariable("start_volume", "70");
so.addVariable("style", "8");
so.write("wmp");
</script>
CSS
* {
font: 1em helvetica;
color: #333;
margin: 0;
padding: 0;
}
body {
padding: 20px;
}
.drag-window {
position: absolute;
box-shadow: 4px 3px 5px #999999;
background: #dbdbdb;
top: 60px;
width: 400px;
border: 3px double #333;
z-index: 10;
overflow: hidden;
min-width: 180px;
min-height: 40px
}
.drag-window .title {
position: relative;
display: block;
color: white;
background: #333;
padding: 10px;
cursor: move;
-width: 100%;
}
.drag-window .title .close-button {
position: absolute;
right: 10px;
top: 5px;
color: #aaa;
font-weight: bold;
cursor: pointer;
height: 6px;
width: 6px
}
.drag-window .title .min-button {
position: absolute;
right: 20px;
top: 5px;
color: #aaa;
font-weight: bold;
cursor: pointer;
height: 6px;
width: 6px
}
.drag-window .title .max-button {
position: absolute;
right: 20px;
top: 5px;
color: #aaa;
font-weight: bold;
cursor: pointer;
height: 6px;
width: 6px
}
.drag-window .title .close-button:hover {
color: #777;
}
.drag-window .content {
padding: 15px;
}
.resizeButton {
position: absolute;
right: 0;
bottom: 0;
}
.resizeButton img {
cursor: se-resize;
}