Hover Box: Video Issue

Hello! I have been trying to find a solution to an issue that I am having with two videos that I want to have in my hover box. Hopefully, someone will have some tips to help me through this issue. 

Essentially, I have a video that I split into two halves. I was trying to get the first video to play once and then stop when the mouse activates the hover box. This would then make it so that, after removing the mouse from the hover box, the second half of the video would play and then stop at the end.  

The issue that I have was the fact that none of the video options for the hover box allows the video to only play once and stop. The video would simply play on a loop, which ruins the idea of the video playing halfway through, when hovering, and finishing after moving the mouse away. I have tried every video box option as well as making the video into a gif, but the same issue occurs. Also, Wix Support had me running in circles trying to resolve the issue, but the only viable option they had given me was a video box, outside the hover box, or possibly use Corvid's developer option. If the video can only work outside the hover box, then the entire idea I had is out the window. Would anyone know how to accomplish my end goal through the coding?

Hello Aaron,

there is no option given to set the play-time to a specific value. So this will not work. You will be able to start the second video, but it will start right from the beginning.

The only way i would suggest you, is to hide the second video first!

  1. You start the first video by hovering over your box, first video starts (but also at the same time you start the second DUPLICATED-VIDEO in BOX2 in INVISIBLE-MODE).
  2. Then you leave the hover-box, both videos stops and both of them have the same play-time.
  3. Now you go over to your next (2.)-hover-box.
  • video-1 disappers with a FADE-OUT-EFFECT and…

  • video-2 appers with a FADE-INEFFECT (already playing!)

This is how i would try to solve it.

Tried to make an example!

Has to be modified a little bit.

https://russian-dima.wixsite.com/meinewebsite/blank-25

export function box65_mouseIn(event) {
    $w('#videoPlayer1').unmute()
    $w('#videoPlayer1').play()
    $w('#videoPlayer2').mute() 
    $w('#videoPlayer2').play()
    $w('#videoPlayer2').hide("fade")
    $w('#videoPlayer1').show("fade")
    }
export function box65_mouseOut(event) {
    $w('#videoPlayer1').pause()
    $w('#videoPlayer2').mute()
    $w('#videoPlayer2').pause()
    $w('#videoPlayer2').mute()
    $w('#videoPlayer2').hide("fade")
    $w('#videoPlayer1').show("fade")
    }

export function box66_mouseIn(event) {
    $w('#videoPlayer1').play()
    $w('#videoPlayer1').mute()
    $w('#videoPlayer2').play()
    $w('#videoPlayer2').unmute()
    $w('#videoPlayer2').show("fade")
    $w('#videoPlayer1').hide("fade")
    }
export function box66_mouseOut(event) {
    $w('#videoPlayer1').pause()
    $w('#videoPlayer2').mute()
    $w('#videoPlayer2').pause()
    $w('#videoPlayer2').mute()
    $w('#videoPlayer2').show("fade")
    $w('#videoPlayer1').hide("fade")
}

Very strange behaviour!!!
In PREVIEW-MODE everything works perfectly.
In LIVE the first video do not start on hovering over the box. :expressionless::roll_eyes: