ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• November 19, 2015 at 4:48 am #229804
  GTS75

  Member

  Post count: 240

  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?

  November 19, 2015 at 9:28 am #229821
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

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

  November 19, 2015 at 3:39 pm #229975
  GTS75

  Member

  Post count: 240

  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>
   

  November 19, 2015 at 4:03 pm #229977
  David Martin – Support

  Moderator

  Post count: 20834

  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]

• Back to forum

  Posted in: Atelier