JS Control of Hubspot Video

[Firelight]

Is there any known way to play/pause a Hubspot Video Widget with Javascript? I've tried all sorts of things with the hsVideoApi object and can't make any progress.

Thank you!

[Anton]

Hi @Firelight, 

since you've mentioned that you're using Fancybox... - have you looked into their docs?

Also - could you provide a preview link? Would be extremly benefitial

best, 

Anton

[Firelight]

@Anton , here is the preview link: https://www.bdsdesignbuildremodel.com/project-gallery-preview-with-video/home-theater-remodel-winnet...

I've figured out how to use Fancybox's events where I can put in code to play/pause but I don't know what JS to use to play or pause the embedded Hubspot video. That's the part I can't figure out.

[GiantFocal]

Hi @Firelight

Is the video displayed inline or inside a popup?

Best regards,

Abraham Ernesto

[Firelight]

It's inside of a Fancybox popup.

[Anton · Accepted solution]

Hi @Firelight, 

personally I'd use something like plyr.io and develop a more flexible video module.

If you'd like to stick to the default video module - it's gonna be not easy since the video is an iframe. This means you'd need to access the iframe elements from outside the iframe - which is doable but not that easy and can lead to quite a lot debugging 🙂 

hope this helps, 

best, 

Anton

[Firelight]

I'm more than happy to work on the necessary code to interact with the iframe but I just can't find any documentation. Do you know any methods that can play/pause the video?