I thought i had posted this question already but i cant seem to find it.
Please forgive me if this is a duplicate post.
A page on one of my sites has a large video player.
below this video player are several image links that cause different videos to load in the large player above.
I need to figure out how to display text (ie title information) below the large player, but above the list of other videos (image links), but i need the information to change with every video that loads in the player.
How can i accomplish this?
page is http://liveoutloudproductions.com/video-production-company-reel/
Ok there has been a slight change.
Rather than displaying the text below the video, i need to display it to the right of the video.
I have managed to get the text displaying in the proper area (to the right of the video frame), but in IE9 it is to the right and below the video frame.
It was doing the same in chrome/ff/safari, but i got it in place with a negative top margin.
here is the code for the video frame div:
<div id="selectDemo2" class="not-here" style="display: none;"><table class="player"><tr><td class="vidframe"><object width="560" height="315" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/iwMUp56Ozmo?version=3&hl=en_US&autoplay=1" /><param name="allowfullscreen" value="true" /><embed width="560" height="315" type="application/x-shockwave-flash" src="http://www.youtube.com/v/iwMUp56Ozmo?version=3&hl=en_US&autoplay=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></td><td width="25"> </td><td ><p class="infobox"><p> </p>Jaguar XKR-S <br />AutoWeek</p></td></tr></table></div>
here is the css:
How can i get this working better in all browsers?
This topic is now closed. New replies are no longer allowed.