How do I embed a video at the beginning of a paragraph?

  • 1
  • Question
  • Updated 10 years ago
  • Answered
How do I embed a YouTube video at the beginning of a paragraph with perhaps a 10px margin around the right and bottom borders? I've tried using the float:left code but I can't get it to work properly. Can someone provide me the right code to use. I want to use a width="250" and height="200". Thanks for your help.
Photo of Dr O

Dr O

  • 8 Posts
  • 0 Reply Likes
  • confused

Posted 10 years ago

  • 1
Photo of Adrienne

Adrienne

  • 106 Posts
  • 5 Reply Likes
Hi Dr. O,

You are correct in assuming that achieving the effect you want, (especially with specific width x height) is going to take some customized HTML code. Unfortunately, this is beyond my level of knowledge, so hopefully you'll get some tips & tricks from our coding / scripting savvy users out there in the community.

However, I can give everyone who's reading this post some basic-level instructions of something that I just tried that also works, in a more generalized way.

One way you can display a video and text side by side is to add a 2-column widget to your page (this is a four part process):

Part one: First, drag and drop the 2-column widget onto your page. This is basically the same thing as adding a blank 2-column "lay-out" to your page (which is currently empty).

Part two: Adjust the column margins by dragging the vertical bar in the center to the left or right. (e.g. to make more room for a video on your left, drag the vertical bar to the right...)

Part three: You next need to add a text widget so that you can add information about the video. Drag & drop a text widget into the right-hand column of your 2-column widget.

Part four: Finally, drag & drop a video widget onto the left-hand side of your 2-column widget.

You have now added THREE widgets to your page. "Widgets-within-a-widget" give you more control in placing the content (media and text) where you want it on your page.

Please note: because of the default window size (for video widgets), the 2-column layout "widget-within-a-widget" method described above works best with top navigation menu template styles.

Hope this helps,

~ Adrienne
Photo of Niddy

Niddy

  • 67 Posts
  • 5 Reply Likes
Hi Dr O,

In addition to Adrienne's suggestions, you can also try using margin attribute.
For example, in the right column, after you drag and drop text widget, you can open html editor and do something like this:

<!--

<div style="margin: 10px auto;">
some text here
</div>

or

<div style="margin-left: 10px;">
some text here
</div>

-->

For the bottom space, you can drag and drop text widget under the 2 column widget and then open the html editor and do something like this:

<!--

<div style="margin-top: 10px;">
some text here
</div>

-->

Hope this works for you

Best,

Niddy
Photo of Sarah

Sarah

  • 13 Posts
  • 0 Reply Likes
I am confused, Like I tried to add a video and I embedded it, and it doesn't show up, what am I doing wrong???