Centering a video player.

This is a discussion on "Centering a video player." within the Starting Out section. This forum, and the thread "Centering a video player. are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Starting Out

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Sep 21st, 2007, 02:51
Junior Member
Join Date: Feb 2007
Location: mississippi
Age: 29
Posts: 28
Thanks: 5
Thanked 0 Times in 0 Posts
Centering a video player.

I cant for the life of me get this video player centered. What is the easiest way?


http://digitizeyourdigits.com/pagevideo.html
Reply With Quote

  #2 (permalink)  
Old Sep 21st, 2007, 04:23
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
Re: Centering a video player.

Quote:
Originally Posted by aaronh View Post
I cant for the life of me get this video player centered. What is the easiest way?


http://digitizeyourdigits.com/pagevideo.html
Play around with your CSS. This Tutorial might help you in the future.
I throw away some of the unused div and this is what it's look like:

Code: Select all
<div id="wrapper">         
        <script type="text/javascript">
            AC_AX_RunContent( 'width','780','height','445','src','http://www.youtube.com/cp/vjVQa1PpcFN8aXVr2nLIPf8sxuhEl4jaBMiSDY176zg=','type','application/x-shockwave-flash','wmode','transparent','movie','http://www.youtube.com/cp/vjVQa1PpcFN8aXVr2nLIPf8sxuhEl4jaBMiSDY176zg=' ); //end AC code
        </script>
        <embed src="pagevideo_files/vjVQa1PpcFN8aXVr2nLIPf8sxuhEl4jaBMiSDY176zg" type="application/x-shockwave-flash" wmode="transparent" movie="http://www.youtube.com/cp/vjVQa1PpcFN8aXVr2nLIPf8sxuhEl4jaBMiSDY176zg=" height="445" width="780"> 

        <noscript>
            <object width='780' height='445'><param name='movie'
            value='http://www.youtube.com/cp/vjVQa1PpcFN8aXVr2nLIPf8sxuhEl4jaBMiSDY176zg='></param><param
            name='wmode' value='transparent'></params><embed
            src='http://www.youtube.com/cp/vjVQa1PpcFN8aXVr2nLIPf8sxuhEl4jaBMiSDY176zg='
            type='application/x-shockwave-flash' wmode='transparent' width='780'
            height='445'></embed></object>
        </noscript>
</div>
If you want to center the video vertically, you just have to set the margin to {margin: auto}

For Horizontal center, play around with margin-top value.

CSS:

Code: Select all
#wrapper {
    margin: 150px auto; /*CENTERS IMAGE*/
    width: 50%; 
    height: auto;
}
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)

Last edited by Monie; Sep 21st, 2007 at 04:26.
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Video player preview Image fade to video Lchad Flash & Multimedia Forum 10 Sep 4th, 2007 15:37
Live Streaming Video Feeds with Flash Player? kinkarso Flash & Multimedia Forum 1 Aug 5th, 2007 23:35
Flash Video Player Issue Sgaspar11 Flash & Multimedia Forum 4 May 3rd, 2007 15:53
I really need help badly with my custom video player...! jaythan Flash & Multimedia Forum 1 Feb 14th, 2007 17:43
Inserting a Flash video player into xhtml Powderhound Flash & Multimedia Forum 6 Nov 20th, 2006 13:33


All times are GMT. The time now is 18:39.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43