Skip to content

Instantly share code, notes, and snippets.

@rnique
Created June 29, 2020 23:55
Show Gist options
  • Save rnique/f804f8a9ab8434e4ddecb67e7eeee96f to your computer and use it in GitHub Desktop.
Save rnique/f804f8a9ab8434e4ddecb67e7eeee96f to your computer and use it in GitHub Desktop.
HTML Snippet, generado por el plugin de Wordpress MP3-jPlayer
<div style="background-color: #222; width: 100%;">
<style type="text/css" scoped="">
#wrapperMI_0 {
padding: 0px !important;
}
</style>
<div style="display: table; margin: 0 auto !important;">
<img src="http://radiocarhuacoto.com/wp-content/themes/wp_muzak5/images/bar.gif">
</div>
<div id="wrapperMI_0" class="wrap-mjp nostop " style="position: relative; padding:5px 0px 20px 0px; margin:0px; width:100%;">
<div style="display:none;" class="Eabove-mjp" id="Eabove-mjp_0"></div>
<div class="subwrap-MI">
<div class="jp-innerwrap">
<div class="innerx"></div>
<div class="innerleft"></div>
<div class="innerright"></div>
<div class="innertab"></div>
<div class="interface-mjp" style="height:120px; color:#FF3333;" id="interfaceMI_0">
<div class="MI-image right-mjp" id="MI_image_0" style="width: 100%; height: 120px; display: block;"><img src="http://radiocarhuacoto.com/wp-content/themes/wp_muzak5/images/Abstract-Green.jpg"></div>
<div id="T_mp3j_0" class="player-track-title left-mjp bold-mjp plain-mjp childNorm-mjp childItalic-mjp" style="left:16px; right:16px; top:20px;">stream<br><div>EN VIVO</div></div>
<div class="bars_holder">
<div class="loadMI_mp3j" id="load_mp3j_0"></div>
<div class="poscolMI_mp3j soften-mjp" id="poscol_mp3j_0"></div>
<div class="posbarMI_mp3j" id="posbar_mp3j_0"></div>
</div>
<div id="P-Time-MI_0" class="jp-play-time">00:00</div>
<div id="T-Time-MI_0" class="jp-total-time"></div>
<div id="statusMI_0" class="statusMI"><span class="mjp-ready">Ready</span></div>
<div class="transport-MI"><div class="play-mjp" id="playpause_mp3j_0">Play</div><div class="stop-mjp" id="stop_mp3j_0">Stop</div></div>
<div class="buttons-wrap-mjp" id="buttons-wrap-mjp_0">
<div class="mp3j-popout-MI" id="lpp_mp3j_0" style="">Abrir en ventana</div>
</div>
</div>
<div class="mjp-volwrap">
<div class="MIsliderVolume ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" id="vol_mp3j_0"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 90%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 90%;"></span></div>
<div class="innerExt1" id="innerExt1_0"></div>
<div class="innerExt2" id="innerExt2_0"></div>
</div>
</div>
<div style="display:none;" class="Ebetween-mjp" id="Ebetween-mjp_0"></div>
<div class="listwrap_mp3j" id="L_mp3j_0" style="overflow: auto; max-height: 450px; display: none;"><div class="wrapper-mjp"><div class="playlist-colour"></div><div class="wrapper-mjp"><ul class="ul-mjp lighten1-mjp childNorm-mjp childPlain-mjp left-mjp" id="UL_mp3j_0"><li></li></ul></div></div></div>
</div>
<div id="mp3j_finfo_0" class="mp3j-finfo" style="display:none;"><div class="mp3j-finfo-sleeve"><div id="mp3j_finfo_gif_0" class="mp3j-finfo-gif"></div><div id="mp3j_finfo_txt_0" class="mp3j-finfo-txt"></div><div class="mp3j-finfo-close" id="mp3j_finfo_close_0">X</div></div></div><div id="mp3j_dlf_0" class="mp3j-dlframe" style="display:none;"></div>
<div class="mp3j-nosolution" id="mp3j_nosolution_0" style="display:none;"></div>
<div style="display:none;" class="Ebelow-mjp" id="Ebelow-mjp_0"></div>
</div>
<script>
MP3jPLAYLISTS.MI_0 = [
{ name: "stream", formats: ["mp3"], mp3: "aHR0cDovLzUyLjU0LjkuMjQ0OjgwMDAvc3RyZWFt", counterpart:"", artist: "EN VIVO", image: "http://radiocarhuacoto.com/wp-content/themes/wp_muzak5/images/Abstract-Green.jpg", imgurl: "" }
];
</script>
<script>MP3jPLAYERS[0] = { list:MP3jPLAYLISTS.MI_0, tr:0, type:'MI', lstate:false, loop:false, play_txt:'Play', pause_txt:'Pause', pp_title:'Radio Carhuacoto', autoplay:false, download:false, vol:90, height:120, cssclass:'nostop ', popout_css:{ enabled:true, colours: ["#f0f0f0", "rgba(0, 0, 0, 0.13)", "rgba(16, 16, 16, 0.82)", "rgba(0, 73, 86, 0.59)", "rgba(0, 177, 180, 0.99)", "transparent", "transparent", "#202020", "#ffffff", "#bdfdf7", "#00e2f0", "/", 400, 600 ],
cssInterface: { "color": "#FF3333" },
cssTitle: { "left": "16px", "right":"16px", "top":"20px" },
cssImage: { "overflow": "false", "width":"100%", "height":"120px" },
cssFontSize: { "title": "23px", "caption": "16.1px", "list": "17px" },
classes: { interface:'', title:' left-mjp bold-mjp plain-mjp childNorm-mjp childItalic-mjp', image:' right-mjp', poscol:' soften-mjp', ul:' lighten1-mjp childNorm-mjp childPlain-mjp left-mjp' }} };</script>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment