tootansimooon
Member-
Posts
25 -
Joined
-
Last visited
tootansimooon's Achievements
-
Hello How do I make the custom code block - the block which is autoplaying a video from Vimeo - into a button that clicks through to a chosen URL? https://www.simoneaves.com/testy This is the code I have - in the block - so far... <div id="clickable-div" style="position: relative; width: 500px; height: 280px; overflow: hidden; border-radius: 10px; cursor: pointer;"> <iframe src="https://player.vimeo.com/video/726095855?badge=0&autoplay=1&autopause=0&loop=1&player_id=0&app_id=58479&background=1&muted=1" style="width: 100%; height: 100%;" frameborder="0" allow="autoplay; picture-in-picture" title="GHOST CAR - SEX - GRADED FINAL - 422HQ" allowfullscreen controls="0"></iframe> </div> <script> document.getElementById('clickable-div').addEventListener('click', function() { window.open('https://www.google.com/search', '_blank'); }); </script> Cheers! @tuanphan - I bet you know 🙂
-
- custom-css
- video
-
(and 3 more)
Tagged with:
-
Can you add a click through link for a URL to a video?
tootansimooon replied to Sensebellum's topic in Images & Videos
hey @tuanphan How do I get the video on this page to be be a clickthrough button? https://www.simoneaves.com/testy This is the code I have so far... not sure if I need a script? Maybe a different approach. <div style="position: relative; width: 500px; height: 280px; overflow: hidden; border-radius: 10px;"> <iframe id="clickable-video" src="https://player.vimeo.com/video/726095855?badge=0&autoplay=1&autopause=0&loop=1&player_id=0&app_id=58479&background=1&muted=1" style="width: 100%; height: 100%;" frameborder="0" allow="autoplay; picture-in-picture" title="GHOST CAR - SEX - GRADED FINAL - 422HQ" allowfullscreen controls="0"></iframe> </div> <script> document.getElementById('clickable-video').addEventListener('click', function() { window.open('https://www.google.com/search', '_blank'); }); </script> Thanks!!!! -
tootansimooon started following Copying multiple pages to on single page , VIDEO CLICKTHROUGH LINKS , Parallax/magnetic mouse cursor and 1 other
-
Hello When using video blocks - for both Squarespace hosted as well as externally hosted vids - how do I make them clickthrough links - or have them expand on the page and show controls? https://www.simoneaves.com/parallaxtest Essentially I want smart video thumbnails (partially demonstrated in my example) that autoplay, then when clicked they expand and have controls. Cheers! Simon PS cant get the others to autoplay even with the ?autoplay=1
- 1 reply
-
- clickthrough
- video
-
(and 2 more)
Tagged with:
-
tootansimooon reacted to a post in a topic: Parallax Mouse on Images
-
This type of parallax? how to.
tootansimooon replied to tootansimooon's topic in Customize with code
Hi Thanks for your reply. - a parallax background that interacts with the mouse movement? worked out how to do this, using inbuilt background effects - autoplay looping smart vids also this, but only with video's uploaded directly to Squarespace Then if I could work on how to get magnetic mouse, that'd do me. 🙂 Simon -
This type of parallax? how to.
tootansimooon replied to tootansimooon's topic in Customize with code
Bump 🙂 -
Hello I really want to achieve the simplest implementation of the type of parallax that is used in my example url: https://www.keepgrading.com/ (scroll past the splash screen) So: - with smart images/videos that float on the page (at different altitudes) - these images/videos are scattered across the page as per my choosing - as direction of the user cursor interacts with the screen the images/videos respond (in terms of fluid movement) - these then float up as the curser is brought over them and the video starts to play Would be superb if once the image/video is clicked there is a slick animation that enlarges the video and brings to a new page. What do you reckon? I would appreciate your help 🙂 Simon
-
Copying multiple pages to on single page
tootansimooon replied to tootansimooon's topic in Site Structure & Navigation
Found it 'My saved sections' BRILLIANT! (can't quite believe that this is a new thing as it seems so quintessential. But, greeeaaaatttt) -
Copying multiple pages to on single page
tootansimooon posted a topic in Site Structure & Navigation
Hello I'm sure this has been asked before, but is there a way to copy the contents of multiple pages to a new page? I have to present a portfolio of multiple strands of my work, I want to make a single page which has content from several (6) other pages and was wondering if it is possible just to duplicate the content of these pages and add them all to a single new page? Much like the 'duplicate' function, but with several pages into one. Cheers!! Simon -
Video pages can not be duplicated
tootansimooon replied to claudia.cotici's topic in Pages & Content
I need to duplicate video pages too. It's strange that this is not possible. Some video's on a page are uploaded and so part of my library, others are linked with a vimeo url. The latter are time consuming to add to a new video page. Maybe I'm doing something wrong? -
EarvinChong started following tootansimooon
-
Hi But Im not sure how... Cheers!
-
Hi Contact who? Cheers Simon
-
Hi Just to add (complexity) to the discussion. Is there any way of creating a filter for code blocks? https://www.simoneaves.com/home-reshaped-gifs Cheers
-
Image Block change to play a GIF upon hover/rollover
tootansimooon replied to alphamalevisuals's topic in Customize with code
THIS IS THE ANSWER! Although, for a newbie, it presents a whole slew of other puzzles to work out as a result. -
Image Block change to play a GIF upon hover/rollover
tootansimooon replied to alphamalevisuals's topic in Customize with code
Hi! I'm also VERY new to this, and have been trying to achieve EXACTLY the same thing, unsuccessfully. If anyone could help, that would be fantastic! Cheers