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

On click, I would like to video to go on fullscreen mode.

Question

Hello everyone,

Please help me view my video on fullscreen mode on click. On thumbnail, the fullscreen button on the player works fine, but I'd like to bypass it so that the user automatically sees it in fullscreen mode without pressing fullscreen icon. 

web: https://www.ptphotography.com/films

password:ptphoto

Thank you in advance.

 

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 1

Long story short, you can't.

The only way it may be possible to to get the video out of the iframe. Then you could possibly click the full screen button with javascript after it starts playing.


Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 1
Posted (edited)

Javascript can simulate/generate  a click but the viewer would have to hover over the full screen button after choosing the video with a click, don't think that helps much. 

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click#:~:text=The HTMLElement.,and fires their click events.

 

Edited by derricksrandomviews

Share this post


Link to post
  • 1
Posted (edited)

You can click a button, but not inside a cross domain iframe.

Edited by rwp

Free Squarespace 7.1 Anchor Link and Accordion Plugins available here!

If I replied to one of your questions with code, it was either CSS or jQuery.

To add CSS, go to Design -> Custom CSS

jQuery needs some additional steps. Head here: https://code.jquery.com/ and click on minified, under jQuery 3.x and copy that code into Squarespace.

After you put that code into the code injection section in Squarespace, you can add the code I supplied. The code from me will need <script> added before it and </script> added after it (only for jQuery).

There are two places that you can add the code, one is site wide (adds to all pages). Settings -> Advanced -> Code Injection

The other is for a specific page (adds to one page only). Pages -> Gear Icon next to the page -> Advanced

Share this post


Link to post
  • 0
Posted (edited)

@rwp @derricksrandomviews thanks gentlemen!

While I have both of your attention, can I please ask one more favour.

On the video blocks, I have written the title text for each. Please help with the code to

1. Hide the text on overview
2. Text should only appear on hover and cantered.

The link:

https://www.ptphotography.com/films-trial

password: ptphoto

Lastly, I would like to have a soft blue overlay on the images upon hover. So the idea is, if I hover on one image, the text + blue overlay shall appear. I would like it to have the same effect as this page:

https://www.ptphotography.com

On spacer.png hover, I would like the output to look like this if possible:

76825490_ScreenShot2020-07-20at4_48_08PM.thumb.png.47817574c0019bde627456e435c45b30.png

Thank you in advance.

Best regards,
P

Edited by Ptphotography
update link

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...