ciao, nel frattempo l'ho un pò modificato, lo script è tutto in una pagina.
In pratica vorrei che se l'url è funzionante oltre a visualizzarmi la div VIDEOS (cosa che già fa) deve lanciare il secondo script che ogni 10 sec controlli se l'url è attivo senza refreshare la pagina, visto che è un video.
Così com'è lo script adesso se il flusso non è attivo visualizza la div DEMO e refresha la pagina ogni 20 secondi (ecco qui sarebbe possibile anche non fare refreshare la pagina ed effettuare la stessa funzione d controllo?), mentre se è visualizzata la div VIDEOS vorrei che effettuasse, ricaricando lo script ogni 10 sec, se presente il flusso, altrimenti visualizzare la div DEMO.
GRazie 1000
codice:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$.ajax({
url:'http://stream.sito.it:1985/squa/playlist.m3u8',
type:'HEAD',
error: function()
{
document.getElementById("demo").style.display = "block";
setInterval('location.reload()', 20000);
},
success: function()
{
document.getElementById("videos").style.display = "block";
}
});
</script>
<div id="videos" style="display:none;"><br>
<iframe scrolling="0" allowfullscreen webkitallowfullscreen mozallowfullscreen frameborder="no" src="video.htm"></iframe>
<script type="text/javascript">
$(document).ready(
function() {
setInterval(function() {
$.ajax({
url:'http://stream.sito.it:1985/squa/playlist.m3u8',
type:'get',
error: function()
{
document.getElementById("demo").style.display = "block";
setInterval('location.reload()', 20000);
},
success: function()
{},
});
}, 10000);
});
</script>
</div>
<div id="demo" style="display:none;"><p align="center"><img border="0" src="images/poster.jpg" ></p></div>