New Landing › How can we help? › Atelier › make Vimeo Video responsive

Viewing 6 posts - 1 through 6 (of 6 total)
  • Back to forum
    Posted in: Atelier
  • July 27, 2015 at 1:23 pm #198105
    Keremdo
    Member
    Post count: 111

    Hey Guys, i was trying to implement a video on a woocommerce Product page via a normal link in texteditor,
    which works so far but it is not responsive as you can see. ( https://www.exklusy.de/produkt/leucht-weste/ )

    How can i make videos responsive, do i need a special css or html code to embed videos?

    Best regards,

    -Steve-

    July 27, 2015 at 2:34 pm #198150
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You need to remove the width and height properties from the iframe

    – Kyle

    July 27, 2015 at 2:49 pm #198163
    Keremdo
    Member
    Post count: 111

    Hey Kyle,

    thanks but how and where can i do this?

    Bests,

    -Steve-

    July 27, 2015 at 2:53 pm #198169
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    How have you added the video to the page?

    – Kyle

    July 27, 2015 at 2:57 pm #198172
    Keremdo
    Member
    Post count: 111

    hey,

    I just added the link to the video in texteditor in short description in the woocommerce product page, thats it and it directly shows the video, but its not responsive and too big on mobile in this case.

    -Steve-

    July 27, 2015 at 5:01 pm #198217
    David Martin – Support
    Moderator
    Post count: 20834

    Hi,

    In your theme options CSS option, please add:

    iframe { max-width: 100%; }

    Thanks,
    David.

  • Back to forum
    Posted in: Atelier
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register