...

View Full Version : Help with object placement



Bear1l
05-26-2009, 06:15 AM
I've never done anything like this before. I have multiple Quicktime videos that I am displaying on a webpage. I used Quicktime Pro and exported the video for website. It has instructions and coding. I inserted the stylesheet in the heading and then copied the script for each video in the body. The problem is that they display vertically, only one per row. I would like to have 4 or 5 per row. For example, in html, I would use a "center" attribute and then have multiple jpg's and they would automatically fill each row according to browser size. How can I do this with videos? I am attaching the Quicktime "read me" file and my web page file.

Thanks in advance for any help.

Always a pleasure finding people smarter than me.

TinyScript
05-26-2009, 06:20 AM
you'll have to put them into an element like a div and set the style to display:inline
http://www.w3schools.com/css/pr_class_display.asp

if you get stuck, post your code in the thread and someone will usuallly help.

Bear1l
05-26-2009, 01:07 PM
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
<head>

<title>Vids</title>
<script src="http://www.apple.com/library/quicktime/scripts/ac_quicktime.js" language="JavaScript" type="text/javascript"></script>
<script src="http://www.apple.com/library/quicktime/scripts/qtp_library.js" language="JavaScript" type="text/javascript"></script>
<link href="http://www.apple.com/library/quicktime/stylesheets/qtp_library.css" rel="StyleSheet" type="text/css" />
p {display: inline}
div {display: none}
</head>

<BODY> <body background="images/carbg.jpg" bgcolor="#efefe6">


<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '1-poster.jpg',
'1.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="1-poster.jpg" />
<param name="href" value="1.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="1-poster.jpg"
href="1.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>

<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '2-poster.jpg',
'2.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="2-poster.jpg" />
<param name="href" value="2.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="2-poster.jpg"
href="2.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '3-poster.jpg',
'3.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="3-poster.jpg" />
<param name="href" value="3.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="3-poster.jpg"
href="3.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '4-poster.jpg',
'4.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="4-poster.jpg" />
<param name="href" value="4.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="4-poster.jpg"
href="4.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '5-poster.jpg',
'5.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="5-poster.jpg" />
<param name="href" value="5.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="5-poster.jpg"
href="5.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '6-poster.jpg',
'6.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="6-poster.jpg" />
<param name="href" value="6.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="6-poster.jpg"
href="6.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '7-poster.jpg',
'7.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="7-poster.jpg" />
<param name="href" value="7.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="7-poster.jpg"
href="7.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '8-poster.jpg',
'8.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="8-poster.jpg" />
<param name="href" value="8.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="8-poster.jpg"
href="8.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '9-poster.jpg',
'9.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="9-poster.jpg" />
<param name="href" value="9.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="9-poster.jpg"
href="9.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '10-poster.jpg',
'10.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="10-poster.jpg" />
<param name="href" value="10.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="10-poster.jpg"
href="10.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '11-poster.jpg',
'11.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="11-poster.jpg" />
<param name="href" value="11.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="11-poster.jpg"
href="11.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '12-poster.jpg',
'12.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="12-poster.jpg" />
<param name="href" value="12.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="12-poster.jpg"
href="12.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '13-poster.jpg',
'13.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="13-poster.jpg" />
<param name="href" value="13.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="13-poster.jpg"
href="13.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '14-poster.jpg',
'14.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '16-poster.jpg',
'16.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="16-poster.jpg" />
<param name="href" value="16.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="16-poster.jpg"
href="16.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '17-poster.jpg',
'17.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="17-poster.jpg" />
<param name="href" value="17.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="17-poster.jpg"
href="17.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '18-poster.jpg',
'18.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="18-poster.jpg" />
<param name="href" value="18.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="18-poster.jpg"
href="18.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '19-poster.jpg',
'19.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="19-poster.jpg" />
<param name="href" value="19.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="19-poster.jpg"
href="19.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '20-poster.jpg',
'20.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="20-poster.jpg" />
<param name="href" value="20.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="20-poster.jpg"
href="20.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '21-poster.jpg',
'21.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="21-poster.jpg" />
<param name="href" value="21.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="21-poster.jpg"
href="21.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '22-poster.jpg',
'22.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="22-poster.jpg" />
<param name="href" value="22.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="22-poster.jpg"
href="22.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', '23-poster.jpg',
'23.mov',
'320', '256', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="320" height="256" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="23-poster.jpg" />
<param name="href" value="23.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="320" height="256" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="23-poster.jpg"
href="23.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>


</a>
<P>

</BODY>
</HTML>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum