SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    163
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question display item-specific text below video frame

    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/vi...-company-reel/

  2. #2
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    163
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.
    any ideas?

  3. #3
    SitePoint Zealot tim@getdim's Avatar
    Join Date
    Jul 2012
    Location
    Detroit
    Posts
    163
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    UPDATE:

    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:
    Code:
    <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&amp;hl=en_US&amp;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&amp;hl=en_US&amp;autoplay=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></td><td width="25">&nbsp;</td><td ><p class="infobox"><p>&nbsp;</p>Jaguar XKR-S <br />AutoWeek</p></td></tr></table></div>
    here is the css:

    Code:
    .player{ float:left;
    	width:150% !important;
    }
    .infobox{ width:350px;
    	margin-top: -35px;
    	}
    
    .vidframe{ float:left;
    }
    How can i get this working better in all browsers?


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •