Adding YouTube-content breaks page

  • Sometimes I put YouTube-Videos on my site. A few days ago I tried it again but then the page looked “broken”:

    The text BEFORE the video is aligned correct, the video itself is missing and the line UNDER the video is on the right hand side where my menu should appear. The menu is put to the end of the whole page.

    I reviewed the code several times but can’t find the problem. The old postings work normally btw!

    The theme used is a translated and little bit changed (very minor!) version of VanillaMist’s “Connections”.

    How it is displayed:
    https://www.pixelcow.com/blog/ (entry-page)
    https://www.pixelcow.com/blog/?p=279 (the article)

    How it SHOULD look like (older entry):
    https://www.pixelcow.com/blog/?p=186

    Any ideas?

Viewing 6 replies - 1 through 6 (of 6 total)

  • The layout/format of your <object> is different/inconsistent. For consistency you might want to use a plugin.

    https://www.rossgerbasi.com/2006/01/21/extreme-video-plugin-20/

    Is one (no endorsement, just the nearest link ;’).

    Thread Starter fht

    (@fht)

    Ok, did another look into the source-code.

    The <object>-TAG is the same except for the Movie-Name in both articles. The -Tag in the (not working version) is added when saving within WordPress2 – the rest of the <object>-code “is eaten” when saving (including the closing Tag).

    Thread Starter fht

    (@fht)

    The full inserted code is:

    <object width="425" height="350"><param name="movie" value="https://www.youtube.com/v/someName1"></param><embed src="https://www.youtube.com/v/someName1" type="application/x-shockwave-flash" width="425" height="350"></embed></object>

    What’s missing after saving is the full <embed>-stuff.

    xhtml doesn’t like empty tags much. Try entering &nbsp; before </embed>.

    Or, get a good plugin to import videos.

    <object type="application/x-shockwave-flash" data="movie.swf" width="300" height="250">
    <param name="movie" value="movie.swf" />
    <param name="bgcolor" value="ffffff" />
    <img src="noflash.gif" width="300" height="163" alt="You don't have flash installed" title="You don't have flash installed"/>
    </object>

    you do not need to use embed anymore, trust me. Its not part of any web standard, and it WILL break your validation. It also doesnt have a closing tag, there is no such thing as </embed>

    You also ought to include an optional image to display in the event they dont have flash — doing that also takes care of the 508 accessability standards.

    In order to post that properly you will prolly need to disable the bloat editor, wysiwyg editor, rich text editor, whatever you want to call it.

    ** if you insist on using <embed ... you need to self close the tag:

    <embed ... />

    Thread Starter fht

    (@fht)

    Had some stressful time the last weeks and completely forgot about this topic. The code (the embed-stuff) was copied directly from the YouTube-site btw! – And the “older” published stuff still WORKS…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding YouTube-content breaks page’ is closed to new replies.