Jump to content

Making a video or a whole block clickable /linkable

Recommended Posts

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.

Edited by XYX
Link to comment
  • 7 months later...
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..

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

image.thumb.png.5c2ffc222c7ee1a6bee9b32ec6e0ef9a.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
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)

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.