How can I make a video play and then disappear when my Wix page is clicked on?

Ask the community
,
10

You have to expand your code.
It is not disappearing, because the wished behaviour is not coded, yet.

$w.onReady(function() {console.log("Page is ready!");
    $w("#videoPlayer1").onEnded((event) => {
        let targetID = event.target.id; // "myVideoPlayer"
        console.log("Playtime of "+targetID+"has been ended!")
    });
});

Expanded version…(PLAYER will close after end of playtime)…

$w.onReady(function() {console.log("Page is ready!");
    $w("#videoPlayer1").onEnded((event) => {
        let targetID = event.target.id; // "myVideoPlayer"
        console.log("Playtime of "+targetID+"has been ended!")
        $w("#videoPlayer1").hide(); $w("#videoPlayer1").collapse();        
    });
});

Expanded version-2 …(PLAYER will close (fade-out-effect) after end of playtime)…

$w.onReady(async function() {console.log("Page is ready!");
    $w("#videoPlayer1").onEnded((event) => {
        let targetID = event.target.id; // "myVideoPlayer"
        console.log("Playtime of "+targetID+"has been ended!")
        await $w("#videoPlayer1").hide('fade'); $w("#videoPlayer1").collapse();        
    });
});