Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Help with object placement

    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.
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    Mar 2009
    Location
    Portland Oregon
    Posts
    690
    Thanks
    44
    Thanked 63 Times in 62 Posts
    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.

  • #3
    New to the CF scene
    Join Date
    May 2009
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    <?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>


  •  

    Posting Permissions

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