Discussions

Making YouTube embed app in landing pages responsive

We are using more and more landing pages (building via WYSIWYG) in Eloqua and currently the YouTube embed app does not allow for the video to be responsive. It's a very bad user experience when people are visiting our landing pages from their mobile phones.

Anyone have a work around? Is YouTube the problem?

Answers

  • Jenn Clauss
    Jenn Clauss Posts: 11 Red Ribbon

    Hi Kristin, I've had this same issue with the Vidyard Player Embed. I think it's an unfortunate byproduct of the apps. 😕 My workaround is just to copy and paste the responsive embed code from Vidyard (or in your case, YouTube) into a custom code block on the landing page. I know this isn't the best user experience for marketers producing landing pages, but it does get you the desired result.

  • Hello Kristin,

    Maybe it's a little bit too late, but if you didn't find a solution yet, I can share a workaround.

    When using the "Custom Code" element to embed the YT video, we need to apply some additional CSS in order to make the iframe responsive.

    The first step would be to wrap the embed code in a "wrapper"(in our case it's called "videowrapper") - please check the following screenshot - https://postimg.cc/pmV8ZV4V

    The second step would be to add the CSS code in a "Custom Code" element, anywhere on the page(I've placed it as the last element in the builder) - this is how it should look like - https://postimg.cc/VSxd3zGC

    Also, I have pasted the code here( https://pastebin.com/sTeQw6DL ) so it will be easy for you to copy it.

    I hope that this will do the trick!


    Kind regards,

    Robert Iacob

    Web Developer

    www.logdms.com