Problems embedding web video

[ericwoo]

Okay, I am loosing hope. I tried to ask people at a video forum but got no answer. I am trying to embed the video without it messing up the page here: http://www.glassetchingsecrets.com/test.html

Its kind of a crappy video but the video quality looks fairly good. My problem is that when I embed it, the left details gets displayed at the bottom of the page when it should be at the top left. Does anyone know what the problem with this is or what code can fix this?

The video code that I entered on the page is below. After I entered the code, it messed up the left navigation.

Code:

<center>
<script language="javascript" src="http://www.photodex.com/presenter.js"></script>
<script>
PresenterObject("ProShow","objectname","tevideo.px",640,358,true);
</script>
</center>

Any ideas?

[Eye for Video]

Here's a couple....
I'd say it's your CSS that's screwed up and it has nothing to do with the video.
Second... are you sure that the video code posted above will play the video? Test on a blank page if you need to confirm. I'm not about to download some unknown plugin just to play your
crappy video
Use Flash or some reputable format and your potential viewers will thank you.
Now back to your CSS.... First, why use so many "position: relative" declarations? and with all the 100% width declarations, it's displaying wider than 100%!! Even on my 1680 wide monitor, it cannot display all the page without a horizontal scroll bar... meaning the CSS is calling for more than 100% width!!
My suggestion... Get rid of all declared poistions (position: relative). Be very careful about floats and that 100% width thing..
Becuase if you declare a float and then declare relative and 100% without clearing floats you may be floating yourself down the page.
Eye for Video
www.cidigitalmedia.com

[ericwoo]

lol thats understandable. The video does work but I think I am definitely going to change it to another player.

My original video uses flash and that didn't mess up the left navigation which is here: http://www.glassetchingsecrets.com/info.html

How can I create this for another player? Do you know of any tutorials online that can help?

For the CSS, to be honest- I don't know. Its been awhile since I messed with the CSS coding so I might have to refresh a little to figure it out and fix it.

Thanks for all your help. You don't know how much I appreciate it

[Eye for Video]

Lots's of Flash tutorials here:
www.gotoandlearn.com
and
www.flashkit.com
Or just use a free player like:
http://www.longtailvideo.com/
While the old site does display the video and the left navigation, it has the same CSS problem as the new site.... more than 100% width. Because no matter how large the monitor (mine is 1680) it always shows a scroll bar at the bottom. That means the CSS is calling for more than 100% width.
To be honest, very few sites look decent at 100% width on really large monitors. I almost never view Web pages maximized because it's hard to read such long lines of text. Imagine that you were reading lines of text in a book that was 20 inches wide...... not good.
So if you ever get around to redoing the CSS, avoid all the position: relative declarations and if you want a fluid layout, set a max width of around 1200, not width 100%.
That's my opinion anyway.
Best wishes,
Eye for Video
www.cidigitalmedia.com

[ericwoo]

Okay so I figured out what the problem was. I had to leave this code before the video <div id="media">

and this after the video <div id="noUpdate">
</div>

The original page had so I figured I would try leaving it and it works now. I don't know why this would be needed or why its there.

I still would like to get the horizontal scroll removed. I tried what you suggested but it just removed the whole left navigation when I did it. So I might have to try a few things out.

Sounds like I have to review CSS again. For me if I don't use it often (CSS), I lose it.

Thanks for the help and for the flash player suggestions. Im going to check them out.

Since you seem to know alot about video, do you know of any software to produce a video like the one on Youtube below? Or how I could do this?
http://www.youtube.com/watch?v=t7yvi_1jMZ8&feature=player_embedded

[Eye for Video]

Good luck on your CSS!
Most likely the video was done using pro grade editing software like Adobe After Effects and Adobe Premiere.
Check the Adobe site for details.
EfV