Quote:
Originally Posted by aaronh
|
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;
}