Gestione dei video e dei controlli

[bruno.reale]

Buongiorno a tutti. Ho la necessità di creare una pagina in HTML5 che provveda a visualizzare un video. Fin qui tutto ok, utilizzo il tag video. Questo video non deve essere controllato dall'utente, deve vederselo tutto fino alla fine (pubblicità), e anche questo credo si risolva togliendo l'attributo controls dal tag.

La domanda è: come faccio ad attivare un pulsante per andare ad un'altra pagina solo quando il video è finito?

Qualche anima pia che mi possa aiutare?

Grazie anticipatamente

[fermat]

ciao!

puoi intercettare la fine di un video in maniera simile:

<video id="home_video"> 
    <source src="video.mp4" type="video/mp4" /> 
</video>

document.getElementById('home_video').addEventListener('ended', onEnded, false); 
    function onEnded(e) { 
        // DO STUFF 
    }

parti col bottone disattivato / non visibile usando i css.
poi, a fine video, rendi il bottone attivo / visibile.

[bruno.reale]

Grazie, domani proverò a realizzare quanto mi hai suggerito.
Ti farò sapere

[bruno.reale]

Ciao fermat,
ho provato a fare come mi hai suggerito ma il pulsante, a fine video non viene visualizzato.
Il codice che ho usato è il seguente:

<script type="text/javascript">

function onEnded(event) {
document.getElementById('procedi').hidden=false;
}

document.getElementById('video').addEventListener( 'ended', onEnded, false);


</script>

Dove 'video' è l'ID del video e 'procedi' è l'ID del pulsante. Dove sbaglio?

Grazie

[fermat]

come hai nascosto il bottone inizialmente?

lato js, proverei così:

document.getElementById("myP").style.visibility = "hidden";

https://www.w3schools.com/jsref/prop...visibility.asp

[bruno.reale]

RISOLTO:
Grazie a tutti per i suggerimenti. Il metodo suggerito da fermat ha funzionato. Avevo sbagliato ad inserire lo script nel posto errato.