Always appearing at the top of the page

Hi Andrew,

one thing I’ve found was to add another HTML parameter tag (wmode = transparent) when embedding the video object. This should(?!) allow other HTML elements to be positioned on top of a video.

I’ve now added that in version 1.0.8. Could you update your plugin version and check if that’s doing the trick?

Thanks Chris. I missed this response, but will try upgrade route first.

No problem. Did it fix the issue?

Hi Chris, I did the upgrade but that in itself didn’t get me closer. I must have deleted my test page as I cant locate it, so I started a new one and used:

[relatedYouTubeVideos relation=”keywords” terms=”chicago” width=”50″ height=”50″ max=”1″]

I am not technically savvy, so I may have misinterpreted the shortcode directions but what I am seeing within the body, it is still on top and is huge (takes up the whole space) and is bulleted for some reason.

There is also an instance above my header this time as well which throws off the page but has with the correct size and is also bulleted.

I guess I should start with the basics, did I implement the shortcode correctly?

Also, I would like to try your recommendation but am a little technically challenged. How might I apply that around the area of the shortcode? Would you be able to paste a small section of code to illustrate with the wmode & shortcode or is it a little more involved?

Thanks!

Hi Andrew,
the shortcode you’re using should be fine and working. And the plugin should take care of all the technical stuff (wmode etc) by itself so you wouldn’t have to do anything about that at all.

The bullet points show up because the videos are presented as an unordered HTML list tha can be styled via CSS. To do a kind of reset (removing the bullet points) you might add this to your CSS file:

.youtubeResults {
list-style-type: none;
padding: 0;
margin: 0;
}
.youtubeResults li {
margin: 0;
padding: 0;
}

If you want to you can contact me (click my name) and maybe send me the URL of your test page so I could take a look at it.

Chris

Will do, thanks for the speedy response!

Hi, awesomest plugin ever. Thanks. Works great on my desktop sites.

But, on my mobile sites I have a similar problem as above only that instead of pushing my content below the video, the video is overlapping my content regardless of where I put it.

I am using the Heatmap Theme with the Click Missile option and WPTouch.

Heatmap themes offers the Click Missile plugin to add widgets directly into the content when used in conjunction with WPTouch (Mobile Theme) and viewed on a mobile device.

I put the Youtube widget inside the Click Missile widget. The video appears on mobile sites no problem but, like I said above, the video overlaps the content and makes the posts unreadable.

I have tried all the suggestions here to no avail but I am a css noob so I may be missing something obvious.

Unfortunately, I have no way of showing you how the video overlaps and hides the post content behind the video because I can’t leave the widget on or else people cannot read the posts.