Insert a Video in a Grid Project Widget

[r.popp]

Hello,

for our project (http://3seitenmarkise.jp95.de/) we want to insert a video from Youtube to the Projects Grid Section “Bilder”.
I put the Youtube link in the last widget on our Site. If you klick at this Widget the Video works well, but there is no thumbnail from the video and the size is incorrect.

Have you any idea how to fix that?

Thank you in Advance!
R. Popp

[Hans (Support Admin)]

Hello,

Did you just enter the link to the video? or did you use the embed code?

If you used the embed code, can you copy and past is here?

[r.popp]

Thanks for your feedback!

At first I just enter the link to “Project Image”

Now I tried this embed code in the field “Project Description”
<iframe width="360" height="200" src="https://www.youtube.com/embed/wW-5nQWl0tk" frameborder="0" allowfullscreen></iframe>

It works well but isn’t really responsive like the other pictures.
This class to the iframe doesn’t bring the desired results.
alt class="img-responsive center-block"

Have you another idea to make the video responsive?

[Hans (Support Admin)]

Hi,

Yeah unfortunately iframes are not really responsive by default.

You need to add some CSS code to override the width and height using media queries.

This article describes how you can do it,

https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php

[r.popp]

Hi,

with the instruction it works well!

Thank you for the nice support!

Greetings from Germany,
R. Popp

[Hans (Support Admin)]

You’re welcome! Glad it helped.