Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Clickable Video in embed block. HELP!!


Question

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 

Link to comment

7 answers to this question

Recommended Posts

  • 0
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?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Portfolio hover Replace Link Style
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • 0
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?

image.thumb.png.2356361d92c021a387c971c475372594.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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

Screen Shot 2021-05-29 at 8.04.30 AM.png

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...