Clickable Video in embed block. HELP!!

Site URL: https://adambright.me/lexus-is-vehicle-launch-1

Hi!

I need help!

Ive got autoplaying, looping videos with no controls on my portfolio. they look awesome, super cool. This is where i found out where to do it. 

https://www.justinwyne.com/thoughts/2018/5/15/how-to-embed-borderless-autoplaying-looping-videos-on-squarespace

You basically use this bit of code and replace the URL with your video, then you paste it into the embed block. it works like a charm.

This is the code

<video style="width: 100%"
  loop autoplay playsinline muted
  src="URL_HERE">
    <source type="video/mp4" src="URL_HERE">
</video>

BUT. I really really really want to make them clickable. LIKE REALLY! So they are buttons. Cool videos that are buttons!

Im sure its a really simple thing but i just cant figure out how to do it. 

Please can someone help me !!

Thanks so much 

Adam 

41 minutes ago, adamcbright said:

Site URL: https://adambright.me/lexus-is-vehicle-launch-1

Hi!

I need help!

Ive got autoplaying, looping videos with no controls on my portfolio. they look awesome, super cool. This is where i found out where to do it. 

https://www.justinwyne.com/thoughts/2018/5/15/how-to-embed-borderless-autoplaying-looping-videos-on-squarespace

You basically use this bit of code and replace the URL with your video, then you paste it into the embed block. it works like a charm.

This is the code

<video style="width: 100%"
  loop autoplay playsinline muted
  src="URL_HERE">
    <source type="video/mp4" src="URL_HERE">
</video>

BUT. I really really really want to make them clickable. LIKE REALLY! So they are buttons. Cool videos that are buttons!

Im sure its a really simple thing but i just cant figure out how to do it. 

Please can someone help me !!

Thanks so much 

Adam 

You making your video in vimeo autoplay?

Hey - Im uploading them to amazon and serving them on that.

That code is making them autoplay, i just want to put a click though on the video too. 

You'll see some autoplaying videos on my site here 

https://adambright.me/lexus-is-vehicle-launch-1

I just want to make those videos click through to other pages. 

Thanks so much!

Adam

On 5/12/2021 at 9:29 PM, adamcbright said:

Hey - Im uploading them to amazon and serving them on that.

That code is making them autoplay, i just want to put a click though on the video too. 

You'll see some autoplaying videos on my site here 

https://adambright.me/lexus-is-vehicle-launch-1

I just want to make those videos click through to other pages. 

Thanks so much!

Adam

 

Hi. You mean top video or?

Hey ! Not that one, the sq one bellow that that currently auto plays. 

Thanks 

20 hours ago, adamcbright said:

Hey ! Not that one, the sq one bellow that that currently auto plays. 

Thanks 

I see 1 video block here. Can you take a screenshot?

Its the sq on the left, thats the one that i have made auto play and have no controls. I just want to make it clickable so it can go to another page.

thanks 

On 5/29/2021 at 10:05 PM, adamcbright said:

Its the sq on the left, thats the one that i have made auto play and have no controls. I just want to make it clickable so it can go to another page.

thanks 

Hi. Try adding to Settings > Advanced > Code injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() { 
		$('div#block-yui_3_17_2_1_1620664937477_292795>div').click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
});
</script>