Discussion :

[Romain83140]

Bonjour à tous

Je souhaite afficher une video de source externe (style youtube pour l'exemple) sur une page de mon site, après lecture de celle-ci elle doit être masqué.

J'ai utilisé les codes suivants mais la video s'affiche comme ceci sans pouvoir la lancer

Code php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="video-container">
        <video id="video1" controls="true"> 
        <source src="youtube.com/watch?v=rUWxSEwctFU"/>
        </video>
    </div>

Code javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 window.addEventListener("load", onload);
        function onload () {
            document.getElementById('video1').onended = onended;
        }
        function onended () {
            this.style.display = 'none';
        }

Code ccs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div.video-container {
            text-align: center;
        }

En espérant que quelqu'un puisse m’éclairer.

Salutations amicales

Romain

[Vil'Coyote]

je ne me suis jamais amusé à faire ça mais tu pourrais voir ceci : https://www.w3schools.com/tags/av_event_ended.asp