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:
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?
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.
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.