Videos in a widget on the right side

[MeganCox]

I was watching a recording in the Modern Intranet SIG and came across a business using ECP and doing something I want to do, but I'm unsure how to. 

Here it looks like they have an intranet that has a 9 container and a 3 container on the right. They have it where you can see essentially the whole video there (and even have the see all button to take them to a different page I assume). 

On our intranet, we have the same container layout, but when I try to put a video widget in that smaller container, it comes out looking stretched and weird. 

Is anyone doing something similar to the first picture and can walk me through how to make that happen? I'm a low-code/no-code kind of person, so tell me like I'm 5. Or at least in a way I can copy and paste to my developer to help me fix it. 

Thanks! 

[erichemmer]

@Andy Guerriero - Maybe you can help advise Megan?  

Vbrick also has a great video integration to ServiceNow that customers appreciate if you want to explore that with them.  

[MeganCox]

Hi Eric! 

Thanks for tagging Andy! Also, I've seen Vbrick on the ServiceNow store and it was something I was interested in. I'm a little confused though. I see the Vbrick Integration for Employee Center is free, but the Vbrick Video is paid. Does that mean I have to purchase Vbrick Video and then it will automatically let me integrate it to EC? 

Also, if you or anyone know.. is that something that's relatively expensive? And I saw that you can keep your videos in ServiceNow with Vbrick instead of having to do hosting like Youtube or Vimeo. Is that recommended? We have a lot of employee facing how-to-videos and I worry about size and storage limits for our instance. Any advice?

[erichemmer]

Hi Megan - Vbrick is a good partner and customers whom I am aware that use them seem very happy.  They have different offerings for existing and new Vbrick customers.  You may contract them directly for more answers and to get quotes.  Here are three contacts who I am sure would be happy to support you.

Peter Hammond Giles <peter.hammondgiles@vbrick.com>

Matt Shaheen <matt.shaheen@vbrick.com>

Ben Sheehy <ben.sheehy@vbrick.com>

[Juhi Poddar]

Hello @MeganCox 

It looks like there may be some CSS applied to the container that is forcing its height. As the container height increases, the video can appear stretched if its aspect ratio is not being maintained.

I would recommend checking the styling of the container where the video is embedded and removing any fixed-height adjustments that are being applied unnecessarily. Instead, allow the video to scale naturally based on its width while maintaining its original aspect ratio.

In general, the container should adapt to the video's dimensions rather than forcing the video to fit a predefined height.

Example: 

In HTML script: remove if there is any height adjustment made

In CSS script: No height adjustment and only modify the width and let height adjust automatically maintaining the aspect ratio.

Result:

Hope this helps!

Thank You!

Juhi Poddar