Jérôme Piétri : Le podcast et les vidéos en ligne !

.mytuner-widget { all: initial; display: block; color: #3D3D3D; } .mytuner-widget, .mytuner-widget * { box-sizing: border-box; font-family: sans-serif; } .main-play-button { padding: 5px; border-radius: 20px; width: 40px; height: 40px; float: left; margin-left: 10px; margin-right: 15px; margin-top: 12.5px; cursor: pointer; background-color: #FFF; box-shadow: 1px 2px 6px -3px black; display: inline-block; } .main-play-button:hover { background-color: #EEE; } .main-play-button.disabled { filter: grayscale(1); cursor: not-allowed; } .main-play-button div { background: url(« https://mytuner-radio.com/static/icons/widgets/BT_Play/BT_Play@2x.png ») no-repeat center; background-size: 16px; width: 28px; height: 28px; margin-left: 3px; } .main-play-button.loading div { background: url(« https://static2.mytuner.mobi/static/images/sprite-loading.gif ») no-repeat center; filter: grayscale(1); background-size: 28px; margin-left: 2px; } .main-play-button.playing div { background: url(« https://mytuner-radio.com/static/icons/widgets/BT_Pause/BT_Pause@2x.png ») no-repeat center; background-size: 16px; margin-left: 2px; } .main-play-button.error div { background: url(« https://mytuner-radio.com/static/icons/widgets/BT_Error/erro@2x.png ») no-repeat center; background-size: 16px; margin-left: 0; } .play-button { background: url(« https://mytuner-radio.com/static/icons/widgets/BT_Play/BT_Play.png ») no-repeat center; width: 40px; height: 40px; cursor: pointer; display: inline-flex; align-items: center; margin: auto 4px auto 19px; /* align with radio logo */ } .play-button.loading { background: url(« https://static2.mytuner.mobi/static/images/sprite-loading.gif ») no-repeat center; filter: grayscale(1); background-size: 28px; } .play-button.playing { background: url(« https://mytuner-radio.com/static/icons/widgets/BT_Pause/BT_Pause.png ») no-repeat center; } .play-button.error { background: url(« https://mytuner-radio.com/static/icons/widgets/BT_Error/erro.png ») no-repeat center; background-size: 15px; } .play-button.disabled { opacity: 0.3; } .play-button.disabled:hover { cursor: not-allowed; } input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */ width: 8px; padding: 0 5px; } .volume-controls { width: 35px; height: 35px; display: inline-block; position: absolute; margin-left: 5px; margin-top: 14px; padding-top: 0; border-radius: 20px; box-sizing: content-box !important; z-index: 10; /* animation */ border: 1px solid transparent; transition: background 0.5s, padding 0.5s, margin 0.5s, border 0.5s; overflow: hidden; } .volume-controls:hover { padding-top: 140px; /* add original margin */ margin-top: -126px; background-color: #F2F2F2; border: 1px solid grey; transition: background 0.5s, padding 0.5s, margin 0.5s; } .volume-controls:hover > .volume-control { display: block; } .volume-controls .volume-control { opacity: 0; margin-top: -126px; margin-left: 13px; position: absolute; transition: 0.5s all; } .volume-controls:hover .volume-control { opacity: 1; } .volume-controls .volume-indicator { cursor: pointer; display: block; } .player-radio-link { width: calc(100% – 65px – 84px – 37px – 12px); } .player-radio-name { width: calc(100% – 74px – 10px); } .player-mytuner-logo { margin-left: 47px; } @media (max-width: 480px) { .player-radio-link { width: calc(100% – 65px – 84px – 12px); } .player-mytuner-logo { margin-left: 10px; } .volume-controls { display: none; } }

// var widget_id = widget_id || « ZDJbw6PDncOKw6pvfVQ+wqFgY8Opw4TDo1rCpjwr »; var mytuner_scripts = mytuner_scripts || {}; mytuner_scripts[« player-v1.js_queue »] = mytuner_scripts[« player-v1.js_queue »] || []; if (mytuner_scripts[« player-v1.js-imported »] == undefined) { mytuner_scripts[« player-v1.js-imported »] = false; mytuner_scripts[« player-v1.js »] = function(){}; var s = document.createElement(« script »); s.type = « text/javascript »; s.src = « https://mytuner-radio.com/static/js/widgets/player-v1.js »; s.defer = true; if (s.readyState){ //IE s.onreadystatechange = function(){ if (s.readyState == « loaded » || s.readyState == « complete »){ s.onreadystatechange = null; runQueue(); } }; } else { //Others s.onload = function(){ runQueue(); }; } document.getElementsByTagName(‘head’)[0].appendChild(s); function runQueue() { mytuner_scripts[« player-v1.js_queue »].forEach(function(func) { func(); }); } mytuner_scripts[« player-v1.js_queue »].push(function(){mytuner_scripts[« player-v1.js »](« ZDJbw6PDncOKw6pvfVQ+wqFgY8Opw4TDo1rCpjwr »)}); } else { let widget = document.getElementById(« ZDJbw6PDncOKw6pvfVQ+wqFgY8Opw4TDo1rCpjwr »); if (widget && widget.dataset.requires_initialization === « true ») { if (mytuner_scripts[« player-v1.js-imported »]) { mytuner_scripts[« player-v1.js »](« ZDJbw6PDncOKw6pvfVQ+wqFgY8Opw4TDo1rCpjwr »); widget.dataset.requires_initialization = « false »; } else { mytuner_scripts[« player-v1.js_queue »].push(function(){ mytuner_scripts[« player-v1.js »](« ZDJbw6PDncOKw6pvfVQ+wqFgY8Opw4TDo1rCpjwr »); widget.dataset.requires_initialization = « false »; }); } } } var mytuner_scripts = mytuner_scripts || {}; if (mytuner_scripts[« widget-player-v1.js-imported »] == undefined) { mytuner_scripts[« widget-player-v1.js-imported »] = false; var s = document.createElement(« script »); s.type = « text/javascript »; s.src = « https://mytuner-radio.com/static/js/widgets/widget-player-v1.js »; s.defer = true; document.getElementsByTagName(‘head’)[0].appendChild(s); }