Project Thumbnail Video, go to beginning of Video on mouse leave

huertels

Hi,

I was the one asking for this effect when mouseover on a video:
http://manson.st/work

So glad you added it to new updates. Thanks so much.

Now I have a client who's asking for starting the video when mouseover but making it pause and begin again when not. You can see the effect here in some project:
https://abcdefghijklmn-pqrstuvwxyz.com/es/

It would be great to have both options. (1) Always playing; (2) Paused and play when mouseover, pause at last frame when not; (3) Paused and play when mouseover, pause and start again when not.

Can you help me with that? Sounds good for an update?

mariusjopen

Dear @huertels
since the new Update this is possible.

Maybe you did not find the setting.

0_1536423040477_Bildschirmfoto 2018-09-08 um 18.09.34.png

Best!

Marius

huertels

@mariusjopen please, can you read my post again? Maybe I didn't explained myself.

I'm so grateful for your update. In fact, I was the one asking for it, but:

Right now you only have 2 options: (1) Autoplay; (2) Play on mouseover, pause when not.

I'm asking for a third one: (3) Play on mouseover, pause AND GO TO THE FIRST FRAME when not.

You can see the effect hovering on the actual cover of this website:
https://abcdefghijklmn-pqrstuvwxyz.com/es/

Hope you consider it.

mariusjopen

Dear @huertels
ok. Now it is clear.

Yes. I will let Armin know.

Best!

Marius

arminunruh

Hey, add this to "Lay Options" -> "Custom CSS & HTML" -> "Custom <head> Content":

<script>
laytheme.on('newpageshown', function(){
	if(frontendPassedData.video_thumbnail_mouseover_behaviour == 'play_on_mouseover'){
		jQuery('body').on('mouseleave', '.thumb-rel', function(){
			var $vid = jQuery(this).find('video');
			if($vid.length > 0){
				$vid[0].currentTime = 0;
			}
		});
	}
});
</script>

huertels

Thank you very much! It worked perfectly.

Lay Theme Forum

Project Thumbnail Video, go to beginning of Video on mouse leave

Before you post:

When you post:

Online Users