Visual editor breaks YouTube embedding? (3 posts)

  1. rppjr
    Posted 2 years ago #

    [Moved from Requests and Feedback]
    We have an annoying problem and wonder if it's a WordPress bug or something we're doing wrong.

    Our company blog has content reviewers who don't know HTML and use the Visual editor to review and edit authors' posts. Authors frequently embed YouTube videos in posts. Our visual design standard calls for the videos to be centered within the main content area, so authors implement them in the HTML editor in a center-styled div tag like this:

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

    The YouTube URL is on a separate line as WordPress requires for it's embedding feature.

    The problem is, when an editor reviews such a post in the Visual Editor, WordPress reformats the HTML and puts the div and the YouTube URL all on one line, like so:

    <div style="text-align:center;">http://www.youtube.com/watch?v=WHATEVER</div>

    Consequently, the YouTube video does not show up because the URL is not maintained on a separate line. We had editors publish several posts in which the embedded vids didn't show up before we discovered this was what was happening. So we're forced to send every video post thru one more step... having the code checked by a code-savvy author.

    This seems like a bug that should be reported, but maybe there's something else we should be doing that we just don't know about? Thanks for any ideas.

  2. Krishna

    Posted 2 years ago #

    Try posting only the URL or wrap the URL with [embed]...[/embed]

  3. rppjr
    Posted 2 years ago #

    That's what we were missing... thanks a lot. The URL alone works of course, but the embedded video frame is always left-aligned, and we need centered. The [embed]...[/embed] all on 1 line, then wrapped in a styled <div> does the trick.

    Thanks again.

Topic Closed

This topic has been closed to new replies.

About this Topic