CMS Development

AshMarie
Member

Auto-Play/Scroll Effect

We are currently building a landing page where we plan to place several videos that would act like a tour for prospective customers. We were provided a code from Vidyard that would create this type of effect as show on this site:

https://share.viewedit.com/pKjBHYQ7X9MTXxUEpuCtSS

However, we seem to be hitting a road block trying to implement this through HB landing pages. Any suggestion on how we could get the html and .js files to work together to get this effect?

0 Upvotes
2 Replies 2
JanekNahm
Contributor | Diamond Partner
Contributor | Diamond Partner

Auto-Play/Scroll Effect

Hi,

 

Its a litte hard to guess your problem without links.

Make sure to name the ids & classes of the video blocks in the template correctly and make sure the script is loaded in the right position with the right divs being named. 

 

If everything above is implemented correctly, provide a link to the preview page so that we can have a look.

 

Best

0 Upvotes
AshMarie
Member

Auto-Play/Scroll Effect

Thanks for your response. 

 

If it helps this is the code we are trying to use, it was provided to us by Vidyard: https://gist.github.com/jramsahai/eb3693f1df2a0f8da711

 

The landing page we created has not been published and is going through revisions again right now so it doesn't have the code in it anymore. =/ 

 

The way we did it the first tiem is we placed the html in a html placeholder in hubspot design manager and then the .js was saved as a coded file, we got the file url and then placed that into the head as instructed to do so by Hubspot support who gave us some articles on how to implement .js

 

hope this helps until we get the preview page back up.

0 Upvotes