WordPress › Support » Embed (YouTube) problem with formatting code

Rudeseal
Member
Posted 2 years ago #

This is a wierd problem.. Before I start, let me say that I have WYSIWYG turned off, along with the XML stuff is turned off. I am working with the Code window only. And also I do not need replies where someone suggests a plug-in, this is a new problem (Bug) within version 2.1 of Wordpress, whereas this problem was not seen in earlier versions of Wordpress..

Ok, I am trying to embed a YouTube video and I am using <p align="center"> to center it up in a posting. I had no problem with the following code using 2.0x version of WP. But now that I have updated to 2.1 I am seeing this problem. Basically if you post the code below, you will see what looks like a missing graphic with a bitty little "x" where the youtube video should be.

<P align="center"> <object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/ZByndN_ffyw">
</param><param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/ZByndN_ffyw" type="application/x-shockwave-flash"
wmode="transparent" width="425" height="350"></embed></object> </P>

If you remove the <p align="center"> and the `
` from the post the video will be seen on the post albiet not centered. If you also move the paragraph stuff to a seperate line as so:

<P align="center">

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

</P>

The Video will be seen. But the problem with this is that the video will not center. I have also tried using the paragraph format without the align="center" with the same results where the video only shows up as a "Broken" graphic symbol.
drmike
Member
Posted 2 years ago #

Try using div instead.

<div align="center">code</div>
Rudeseal
Member
Posted 2 years ago #

the <DIV> code is mapped for a different style in the template style sheet, so using it in this instance is not an option.. the problem is in the code for WP itself..
whooami
Member
Posted 2 years ago #
dont do it that way. do it this way:

<object class="SOMECLASS" type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/72zn2KODSsY"><param name="movie" value="http://www.youtube.com/v/72zn2KODSsY" /></object>

where someclass is what centers it, like so:
```
.SOMECLASS {
	display:block;
        margin:auto;
so on and so on ...
}
```
Please note too that what you are using is not going to produce valid markup. My example will.
Navie
Member
Posted 2 years ago #

My problem is somewhat the same, except that there's no 'center' in the beginning of the youtube code, only 'object'.

First everything withe the embedding was fine, then I experimented with changing to different themes, then the video stopped showing with only an 'X' visible top left.

Strangely, the video is visible on firefox.

http://www.polaris-snow.com/

I tried deleting temp files and such but the vids are still not visible on explorer.

Another thing, is there a simple way to edit the width of the posting area? It seems too cramped. Better yet, can anyone direct me to the best online resource for editing the wordpress template? Thank you.
whooami
Member
Posted 2 years ago #

Navie,

I give a working example of how to embed youtube videos that will display in Firefox and IE above, and in innumerable other threads that ask similar questions.

> ..Better yet, can anyone direct me to the best online resource for editing the wordpress template?

Plain as day: http://codex.wordpress.org/Theme_Development
Navie
Member
Posted 2 years ago #

Whooami, can you give me a working example with the video here? I really don't know where to insert the SOMECLASS code as I'm not really technical oriented at all.

<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/jCIp7eo4MvY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/jCIp7eo4MvY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
samboll
moderator
Posted 2 years ago #

I'm not Whooami but,

<object class="SOMECLASS" width="425" height="350"><param name="movie" value="http://www.youtube.com/v/jCIp7eo4MvY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/jCIp7eo4MvY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>

SOMECLASS can be any name. Don't forget the stylesheet as she pointed out above.
Navie
Member
Posted 2 years ago #

I've no idea what stylesheet is, but that is another topic. Right now, I've pasted the exact code you gave me, samboll and the video still doesn't show on IE but still shows fine on firefox.

So I thought IE and youtube is having problems, but then I went to youtube.com on IE, and the videos there displayed okay.

This problem only emerged after I tried switching themes in the Presentation tab last night, the videos were displaying fine before.

Even after switching back to the original orange theme, the prob persists, so I guess it's not a theme-caused thing.. now I'm using the blue "it could be this one" theme.
whooami
Member
Posted 2 years ago #

and again, the code I posted AND the code sam reposted works flawlessly in IE and FF.

your issue might be related to your IE browser. Go download and install the latest version of flash -- you tube requires 9.whateverislatest. If you dont have it, IE will see black, its as simple as that.

You are more than welcome to follow the link in MY profile and look around my site. I use flash extensively -- and it ALL works in IE and FF.

I also post you tube videos.

If you dont know a stylesheet is, honest to god, what have you been doing for the 4 months youve been on this forum?

How bout we do a little educating. Google is waiting for you.
Navie
Member
Posted 2 years ago #

Can you see my youtube videos there at all?

I saw my flash version is 9.xx on Adobe's site but just to be sure I went to download.com to get the latest one and reinstalled, rebooted but still can't see the youtube videos.

I'm at the point where I think the only way to solve this right now is to delete this wordpress and mysql, then ftp and start a mysql from scratch.

Is there any other solution?
whooami
Member
Posted 2 years ago #

I see them, and they play just FINE in my ie.. its your browser, its not wordpress, its certainly NOT mysql (why do think mysql would have anything to do with playing youtbe videos anyway??)
Navie
Member
Posted 2 years ago #

(As I said I'm not a technical at all and mysql was one of the steps needed after uploading the wordpress in ftp, so any reinstall will probably mean I needed to delete and redo everything from scratch.)

Finally managed to solve it, from this other thread.. http://wordpress.org/support/topic/109127?replies=8 [resolved] WordPress, YouTube and Internet Explorer

What it involves is,

<div style="text-align: center">YOUTUBE-CODE-IN-HERE</div>

(Aaaaaaaaaarrggghh!!!!)

Does anyone here recommend the plugin at the bottom of that thread to simplify inserting embedded video?

http://www.viper007bond.com/wordpress-plugins/vipers-video-quicktags/
samboll
moderator
Posted 2 years ago #

Viper's plugin is the only one I use for inserting any video.
webranger1962
Member
Posted 2 years ago #

I've played with this a lot. The problem somehow appears to be the rich editor. If you turn it off, it works fine. Thanks for the hint about wmode....

Let me paint a little scenario and I think you might get to the bug.

If I turn off the rich text widget, then I can pop the YouTube flash snippet into a post.... no problem.

If I turn the rich text widget back on and then edit the post it screws the post up.

What it does (even if you open the source window and fix it) is turn all the <embed> into <ibed> and </ibed>.

Something is screwy with the RTE because if you open a file that worked with a YouTube video and save it again without editing, it will be screwed up.

My brother reports the same problem on his blog. Just for the sake of convenience it would be nice to just cut and paste.

:)

Kevin

retrovision.tv
guibuu
Member
Posted 2 years ago #
whooami code work for me. Anyway, for copy-paste YouTube videos into WordPress without adding any more (such class="SOMECLASS"), I have added to my stylesheet (stylesheet = .css ;) not a class definition, but an object definition:
```
object {
	display: block;
	margin: auto;
	}
```
In short: with this, all YouTube videos* are centered without any extra code.
* I mean, any <object>.
whooami
Member
Posted 2 years ago #

if you happened to read any of the other posts re: you tube most of the replies tell the original poster to turn OFF the RTE.

I dont use it, never have, never will. I type. My CSS does everything else.

Therefore, what I showed you works. Flawlessly, in fact. :)
lachouettevie
Member
Posted 2 years ago #

Guibuu, that worked well - Easy...Just have to make sure you hit 'Save' and then exit the post once you've dumped the code in there.

Thanks!
nun3
Member
Posted 2 years ago #

hi,
i have the same problem with embedding the youtube code.
i have tried your suggestions but none worked for me...
when i insert the youtube code and "save" the post nothing appears, and when i go back to the code i see that IT WAS CHANGED...only the youtube code i inserted look different now...
i tried putting it in <p></p> or <div>
but it didn't help.
here is the code BEFORE:

<p>text of post...</p>
<p>more text</p>
<p><object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/kGtCrgsCACI"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/kGtCrgsCACI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed>
</object>
</p>

and AFTER:

<p>text of post...</p>
<p>more text</p>
<p><object width="425" height="350"></p>
<param name="movie" value="http://www.youtube.com/v/kGtCrgsCACI" />
<param name="wmode" value="transparent" /></object>
</p>

can anyone explain this to me?
thanks,
nun3
widmark
Member
Posted 2 years ago #

Somebody else with similar problems here...I don't care about the alignment. I've turned the rich editor off and I've used viper's plugin and the youtube videos are coming up with question marks in firefox. On some threads people have been saying the issue is with the theme. I'm using Barecity. Excuse my ignorance, but does that mean there some sort of stylesheet in the theme that's making the embed code not work in firefox? And if that's so, is it not possible to edit the CSS page of the theme to fix that?
570thusaag
Member
Posted 1 year ago #

Hello--

Being very new to this, and talking about things that are a bit below the tech level of some of you, can I ask what is the easiest quickest way for me to have video in my blog???

Any specific plugin?

I have Advanced TinyMCE Editor installed, and it has a button for video, but every time I try to get a video on there to play, I get an error that says I don't have a necessary plugin. Now, I know I have those plugins on my computer... is it saying I need the players on my site???

I can get to where I have a static screen (like what youtube looks like before you start it by pushing play) with an image, but when you push play, nothing but the error.

Any help greatly appreciated...

By the way, 2.3.1, Mandigo theme...
570thusaag
Member
Posted 1 year ago #

By the way, 2.3.1, Mandigo theme...
SomethingDigital
Member
Posted 1 year ago #

Turning off the RTE and proper styling (using the div or class as discussed above) certainly helped to make this work for me.

However, I noticed another problem. My blog EDITOR users were not able to do the same thing as my ADMIN user. Every time the editors hit Save buttons, the embedded video code snippet would be obliterated - even when the RTE was turned off. This leads me to believe that the Wordpress editor (even in RTE off mode) is affected by the user role, and the code in the editor can be impacted. This must be a bug in the editor.

I'm wondering if anyone else out there noticed this and knows of some fix that may be available.

- Something Digital

Topic Closed

This topic has been closed to new replies.

WordPress.org

Forums

Embed (YouTube) problem with formatting code (23 posts)

Topic Closed

About this Topic

Tags

Code is Poetry