I'm trying to do something but I can't do it with your doc.
I would like to put play and paused each time a link is hovered over a class for example.
const player = document.querySelector("hover-video-player");
$(".site-navigation li.page_item").each(function () {
$(this).on("mouseenter", function () {
player.playbackState = "play";
})
$(this).on("mouseenter", function () {
player.playbackState = "paused";
})
});
But in the end it is not practical if you want to hover over several links. I don't have any additional IDs on my hrefs.