YouTube Video - not displaying correctly on Mobile

[JordanAyres]

Hi guys,

So I’ve set up a website for my client’s podcast. Each individual podcast has a separate post, which includes an embedded YouTube video. Please see this episode here for example: https://modernwisdomlife.com/stu-morton-interview/

Unfortunately on mobile the video and how it has been formatted isn’t ideal. Is there any type of code or anything else that I can add to ensure it displays correctly on mobile?

Here is what it looks like on mobile: https://drive.google.com/file/d/0BxJenBY6SUzWQWI4c1dLdnB6Vkg3b2hzNzFZZjRJUnNVUW5j/view?usp=sharing

Please let me know if you have any questions and thank you in advance.

Jordan

[christian]

Hey Jordan,

Please wrap the embed or iframe code with a Video Embed shortcode. You can see the usage instructions and samples at http://demo.theme.co/integrity-1/shortcodes/responsive-video/

Hope that helps.

[JordanAyres]

Hi Christian thank you that has made it responsive. If I want to edit the size changing the height and width isn’t working?

Here is what I had code wise from the page at then moment: https://modernwisdomlife.com/stu-morton-interview/

[x_video_embed][/x_video_embed]

It’s a bit too big and takes up a lot of the screen on desktop.

Is there a way of editing the size? Do I just need to change the width and height in the code above? That didn’t seem to work.

[rad]

Hi @JordanAyres,

Changing the size isn’t possible since that’s the purpose of responsive size, it changes according to the device. Hence, you can remove the shortcode and it will disable the responsiveness, then change its size according to your preference.

You can only change the type, like example

type: “16:9,” “5:3,” “5:4,” “4:3,” or “3:2.”

[x_video_embed type="16:9"][/x_video_embed]

It will also change the size while being responsive. Again, changing the width and height will not work.

Thanks!