WordPress.org

Ready to get started?Download WordPress

Forums

YouTube Text Wrap (10 posts)

  1. mrlaporte
    Member
    Posted 1 year ago #

    I am having a heck of a time text-wrapping a YouTube video to fit directly underneath an inserted image.

    Does anyone know of a simple way to drop the embed code in and wrap it?

    Here is an example of the problem:

    http://southwestshadow.com/ae/see/the-hobbit-proves-courage-comes-in-small-packages/

  2. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    I am having a heck of a time text-wrapping a YouTube video to fit directly underneath an inserted image.

    When you grab the embed code, start small...test...

  3. mrlaporte
    Member
    Posted 1 year ago #

    We have been doing that . . . using a <div> code, but we had had to place the embed code inside of the middle of the text for it to sit right, which does not always work. It actually only works about 50% of the time.

    Do you know of an easier way? A plug-in? Anything?

  4. Timothy Jacobs
    Member
    Posted 1 year ago #

    Because of how your theme is setup I don't think you will be able to do this. The youtube video is inside of a separate div element from your featured image. I would usually say to put them inside the same div, but this obviously isn't easily done. Best would be to create a custom meta box on the wp post screen with a space for a link to a youtube video and integrate into your themes template.

    The only easy, albeit awful, solution is to hardcode in margins. For the post you linked to:

    margin-top: 60px;
    margin-left: -310px;
  5. mrlaporte
    Member
    Posted 1 year ago #

    Timothy-

    Is there a way I can integrate the YouTube video into the featured image div? I am just dropping the embed code into the actual post right now. I'm not doing anything fancy.

  6. Timothy Jacobs
    Member
    Posted 1 year ago #

    Yes, but you would need to know what you are doing, now is the time to learn.

    Is there any easy way without modding your theme, short answer, no.

  7. mrlaporte
    Member
    Posted 1 year ago #

    Thanks Tim -

    I should preface that I am speaking on behalf of the student who is the webmaster for our student journalism site. I do appreciate your feedback and I hope this is something he can take on. I know that looking at that only made my head hurt.

  8. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    I do appreciate your feedback and I hope this is something he can take on. I know that looking at that only made my head hurt.

    And why is that?

  9. mrlaporte
    Member
    Posted 1 year ago #

    My experience in this area is limited, at best.

  10. Mickey1979
    Member
    Posted 4 months ago #

    easy solution:

    in your child css file:
    #video-wrap {
    float: right;
    margin: 0 0 0 10px;
    }
    (just change the float and margin)

    in the page - text tab:
    <div id="video-wrap">
    (and than in iframe code just change the size of the video and add the src.)
    <iframe style="float: right;" src="http://www.youtube.com/embed/d8KK3xnEV34?feature=oembed" height="150" width="232" ></iframe>
    </div>

    if you can see the link from youtube and how the wordpress is translated it, they a little different so make sore to change to the right one, see the sample below.
    the youtube code = http://www.youtube.com/watch?feature=player_profilepage&v=d8KK3xnEV34
    the wordpress code = src="http://www.youtube.com/embed/d8KK3xnEV34?feature=oembed"

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.