Making a video or a whole block clickable /linkable

Hi,

I have a video uploaded as a background - however I would like visitors to be able to click anywhere on the page and for it to link to another page I have made.

I thought perhaps I could overlay a block that is clickable and transparent? 

I realise I may need to embed the video rather than have it as a background, as that will also mean it plays on mobile  (very important!) however I would also like some pointers on how to embed a Vimeo link without it showing the title and all the ugly buttons around the edges.

We can use some script code to set click for video background. However you need to share site url, we can check easier

Hi @tuanphan

Can you possibly help me with this? I have the same issue on this site: https://www.nynnelucca.com/portfolio. 

I have made so that when you hover over the images another image appears and – in the case of the hitmen and velofit – a looping video appears. I would like to embed a link on the videos so they are clickable but no sure how to do this?

On 8/24/2023 at 3:05 PM, academiccoder said:

Hi @tuanphan

Can you possibly help me with this? I have the same issue on this site: https://www.nynnelucca.com/portfolio. 

I have made so that when you hover over the images another image appears and – in the case of the hitmen and velofit – a looping video appears. I would like to embed a link on the videos so they are clickable but no sure how to do this?

Hi,

Do/will you use Personal or Business Plan? Each plan will have a different solution..

@tuanphan I use the business plan 🙂

On 8/26/2023 at 9:39 PM, academiccoder said:

@tuanphan I use the business plan 🙂

Try adding to Last Line in Code Injection > Footer

<script>
$(document).ready(function() { 
		$("div#block-yui_3_17_2_1_1692083623937_3050, div#block-yui_3_17_2_1_1692006523365_4861").click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
});
</script>

The code for this item, if it work, I will give code for other

Hi, @tuanphan. Thank you very much. Unfortunately, it doesn't seem to work... 

Hi again @tuanphan. I solved the problem by including a jQuery library! 🙌

I've also made it work with the other video. Thank you so much for the help, @tuanphan!

Hi @tuanphan I use the personnal plan and I was wondering if it is possible to add a link to a video block using this plan?

On 11/9/2023 at 12:05 AM, Samuel_O said:

Hi @tuanphan I use the personnal plan and I was wondering if it is possible to add a link to a video block using this plan?

You can add code to Markdown Block instead (add Markdown under video)