Jump to content

tootansimooon

Member
  • Posts

    25
  • Joined

  • Last visited

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. 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&amp;autoplay=1&amp;autopause=0&amp;loop=1&amp;player_id=0&amp;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 🙂
  2. 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&amp;autoplay=1&amp;autopause=0&amp;loop=1&amp;player_id=0&amp;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!!!!
  3. 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
  4. 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
  5. 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
  6. Found it 'My saved sections' BRILLIANT! (can't quite believe that this is a new thing as it seems so quintessential. But, greeeaaaatttt)
  7. 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
  8. 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?
  9. 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
  10. THIS IS THE ANSWER! Although, for a newbie, it presents a whole slew of other puzzles to work out as a result.
  11. 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
×
×
  • 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.