CMS Development

Janette
Participant

How to add several videos in a landing page?

Hi Good Afternoon

 

I would like to add various videos in the Home of my web page (https://www.inbest.cloud/).

 

I have added one and looks ok, but I want to add others videos in this section:

home_seccion_videos.PNG

And whe I add the others videos I can´t see it. (In this moment I have one video and three images for that situation).

This is the structure and code that I am using in my template:

estructura_template_novedades_home.PNG

This is the code inside of HubL module:

<div>
<video src="https://cdn2.hubspot.net/hubfs/491090/iNBest.Cloud-TemplateAlthea/Videos/Novedades/Secuencia%2001_Da..." muted="muted" preload="yes" autoplay="autoplay" loop="loop" width="600px" height="450px !important">
</video>
</div>

 

I use the same code in the others modules for videos I just change "src" for other link of video. But it doesn´t work, only nothing appear.

 

I try too with this code:

 

{% text "videolink2" label='Enter Background Video Link2', value='https://cdn2.hubspot.net/hubfs/491090/iNBest.Cloud-TemplateAlthea/Videos/Novedades/Secuencia%2001_Da...', no_wrapper=True, export_to_template_context=True %}

 

<div> <video muted=”muted”preload="yes" autoplay="autoplay" loop="loop" width="780px" height="auto">

<source src="{{widget_data.videolink2.value}}">

</video>

</div>

 

And I just add a number (as I put in red) in the others modules to be different at the first, but it doesn´t work neither.

 

How can I do to I can have four videos in this section?

Can you help me please.

 

I remain to your comments.

Regards

0 Upvotes
8 Replies 8
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How to add several videos in a landing page?

@Janette - Do you have a preview link we can check out?

0 Upvotes
Janette
Participant

How to add several videos in a landing page?

Hi @tjoyce

This is the link of my template: https://app.hubspot.com/beta-design-manager/491090/templates/5686816188#module=1536166974873275

and the group of module is: Novedades.

 

Thanks and Regards

0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How to add several videos in a landing page?

Sorry @Janette - we can't see modules since we don't have access to your portal but, i think the preview link should be enough for us to debug that, if you can please provide it.

0 Upvotes
Janette
Participant

How to add several videos in a landing page?

Hi @tjoyce

Of course the link of my page is: 

https://www.inbest.cloud/

to that link you mean?

 

or which one?

 

This is the link of preview  link of the template

https://app.hubspot.com/design-previewer/491090/templates/5686816188

 

and this is the link of preview link of marketing > web page:

https://app.hubspot.com/content/491090/edit/5687391380/content

 

I remain to your comments.

Thanks and Regards

0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How to add several videos in a landing page?

Can you just add the video to the other boxes, just to make sure it is a problem in HUBL as opposed to the template?

add: 

<video src="https://cdn2.hubspot.net/hubfs/491090/iNBest.Cloud-TemplateAlthea/Videos/Novedades/Secuencia%2001_DataLake_1.1.mp4?t=1536187843978" muted preload="yes" autoplay="autoplay" loop="loop" width="600px" height="450px !important">
</video>
0 Upvotes
Janette
Participant

How to add several videos in a landing page?

I have already added video in the other module HubL and the video is not visible.

You can see in my home page (https://www.inbest.cloud/)

Could you checked this please to see what happened....

 

I remain to your comments.

Regards

0 Upvotes
Janette
Participant

How to add several videos in a landing page?

Hi @tjoyce

 

Do you have some comment about it??

 

Regards

0 Upvotes
tjoyce
Recognized Expert | Elite Partner
Recognized Expert | Elite Partner

How to add several videos in a landing page?

Hi @Janette - I'm just not seeing any reference to other videos in your code source. There must be something amiss between what you're publishing and what you're previewing.

0 Upvotes