Centering and updating an iframe on a post

[GTS75]

Shameless plug – Our brand was on national television tonight and I’m trying to embed the video clip from MLB.com onto a post on our website, but the video embed is an iframe. I can’t figure out how to center the video and adjust the width and height of the frame to display larger on my post. Any thoughts?

Here’s the iframe:

<iframe src=’http://m.mlb.com/shared/video/embed/embed.html?content_id=530344583&topic_id=7417714&width=400&height=224&property=mlb&#8217; width=’400′ height=’224′ frameborder=’0′>Your browser does not support iframes.</iframe>

Is there an easier way to do this?

[Mohammad – SUPPORT]

Hi,
Please just change the width=’400′ to width=’600′ in your iframe code. Hope it should help to you.
Thanks
Mohammad

[GTS75]

That just makes it look stretched…doesn’t help center it. Should I just be adding the iframe text to a text block element?

I was able to use this code to center the iframe on my page, but it’s not responsive and when I adjust the height and width to make it look the way I want on desktop, it’s then displaying huge on mobile phone and looks like crap. How can I get the iframe to be responsive?

 
<div style=”text-align: center;”>

<iframe src=”http://m.mlb.com/shared/video/embed/embed.html?content_id=530344583&topic_id=7417714&width=1000&height=566&property=mlb&#8221; width=”1000″ height=”566″ frameborder=”0″>Your browser does not support iframes.</iframe>

</div>
 

[David Martin – Support]

Hi,

What page URL is this for, please create a test page for us to help you further.

This shortcode should do it for you:

[spb_row wrap_type="content-width" parallax_image_height="content-height" parallax_image_movement="fixed" parallax_image_speed="0.5" bg_video_loop="yes" parallax_video_height="window-height" parallax_video_overlay="none" row_overlay_opacity="0" vertical_center="true" width="1/1" el_position="first last"] [spb_text_block animation="none" animation_delay="0" padding_vertical="0" padding_horizontal="0" width="1/1" el_position="first last"]
<div style="text-align: center;"><iframe src="http://m.mlb.com/shared/video/embed/embed.html?content_id=530344583&topic_id=7417714&width=400&height=224&property=mlb" width="400" height="224" frameborder="0">Your browser does not support iframes.</iframe></div>
[/spb_text_block] [/spb_row]