Display Multiple YouTube Videos on same line

  • zero21design

    (@zero21design)


    15 years, 8 months ago

    Hi

    I am not sure if this is possible, so please excuse my ignorance if not.

    I have a need to display 3 embedded YouTube videos on the same line horizontally. I have resized the display properties so they fit the container. If I simply embed the code for each one, they stack vertically.

    What would I need to do to have them display 3 across horizontally?

    Thanks for any assistance.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter zero21design

    (@zero21design)

    15 years, 8 months ago

    Any ideas anyone?

    Thread Starter zero21design

    (@zero21design)

    15 years, 8 months ago

    I guess not…

    dominoeffect

    (@dominoeffect)

    15 years, 7 months ago

    Hi mate,

    Try adding align=”left” into the video embed code, after it says “object”.

    Like this:

    <object align="left" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="225" height="182" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/3p7w3z83tjc&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="225" height="182" src="http://www.youtube.com/v/3p7w3z83tjc&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object>

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="225" height="182" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/SbcILBo--I4&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="225" height="182" src="http://www.youtube.com/v/SbcILBo--I4&amp;color1=0xb1b1b1&amp;color2=0xcfcfcf&amp;hl=en&amp;fs=1" allowfullscreen="true"></embed></object>

    ^ That code would show 2 videos beside each other in a line. Note that I’ve made them smaller than usual to fit in my content area.

    If you want 3 or more in a row, just add the align=”left” tag to every video’s code except the last.

    Let me know if that helps you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Display Multiple YouTube Videos on same line’ is closed to new replies.