Tips, Tricks & Best Practices

bbook
Member

Sticky video on Landing Page

SOLVE

I'm trying to find an easy solution to add "Sticky" video to a landing page.  This function would, once you scroll away from a video, make the video a smaller window in the lower portion of the screen so that the video is always in view on the page.  Similar to this functionality: https://go.truly.co/home

 

Outside of HubSpot, this seems to be a pretty common, click box, addition to other landing page services.

 

Any help would be greatly appreciated.

0 Upvotes
1 Accepted solution
rowanreid
Solution
Participant | Elite Partner
Participant | Elite Partner

Sticky video on Landing Page

SOLVE

Hi @bbook,

 

The functionality that you are looking for is referred to as 'picture-in-picture' or PiP.  This is offered natively on many mobile devices and there is a standard Picture-in-Picture JavaScript Web API supported by most modern web browsers; you'll notice that for example though that IE 11 does not support PiP for the URL you have provided.

 

In HubSpot you'll still need to leverage this API.  Here are two helpful links to get you started:

 

 

View solution in original post

0 Upvotes
1 Reply 1
rowanreid
Solution
Participant | Elite Partner
Participant | Elite Partner

Sticky video on Landing Page

SOLVE

Hi @bbook,

 

The functionality that you are looking for is referred to as 'picture-in-picture' or PiP.  This is offered natively on many mobile devices and there is a standard Picture-in-Picture JavaScript Web API supported by most modern web browsers; you'll notice that for example though that IE 11 does not support PiP for the URL you have provided.

 

In HubSpot you'll still need to leverage this API.  Here are two helpful links to get you started:

 

 

0 Upvotes