Insert a Video in a Grid Project Widget

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

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?

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?

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

Hi,

with the instruction it works well!

Thank you for the nice support!

Greetings from Germany,
R. Popp

You’re welcome! Glad it helped.