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 5 of 5
  1. #1
    New Coder
    Join Date
    May 2007
    Location
    NW USA
    Posts
    63
    Thanks
    0
    Thanked 2 Times in 1 Post

    Embed Quick Time in IE and FF?

    I am need of help in resolving the dilemma of how to play a QT movie on a page running on our intranet server (Win Server 2003). The page has a section designated as the 'screen' and a list of links to about 20 QT movies.

    Originally, it was coded with the 'screen' being an iframe; I was going to try to do something more correct, but after reading the 46 page thread, came away more confused than ever, especially since the thread started in 2005...

    So I figured I would just leave it and suffer a quirky page. But then I discovered that IE 7 will not play a .mov in an iframe on the server. It works like a charm on the local machine, but not the server. (FF performs beautifully...)

    Thus I am now back to trying to 'embed' it especially since I read that MS settled some deal with the Eolas folks and they can get rid of that stupid "click to activate" thing and return IE to its old behavior.

    I found the following code to use <object><embed> for QT (I think it is by Aerospace_Eng??). The problem is that I am striking out trying to change the drop down list to an unordered list of regular links...



    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    
    <head>
    <meta http-equiv="Content-Language" content="en-us" />
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
    <title>Tutorials</title>
    
    
    <script type="text/javascript">  
    <!-- 
    function PlayIt(){
    document.getElementById("movie1").innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690" '
          +'height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">'
          +'<param name="src" value="'+document.getElementById('wbwt').value+'">'
          +'<param name="autoplay" value="true">'
          +'<param name="controller" value="true">'
          +'<param name="loop" value="false">'
          +'<embed src="'+document.getElementById('wbwt').value+'" width="690" height="550" autoplay="true"'
          +'controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/"></embed>'
    +'</object>'
    }
    //-->
    </script>
    
    
    
    
    </head>
    
    <body>
    
    
    <h1>Tutorials</h1>
    <hr />
    <h2>Week-by-Week Technique</h2>
    
    
    
    <form name="player" action="" method="">
    <select name="" id="wbwt" onchange="PlayIt()" size="1"> 
       <option value="none">::::::::::::: Pick a Tut :::::::::::::</option>
       <option value="media/wbwt_01.mov">Tut 1</option>
       <option value="media/wbwt_02.mov">Tut 2</option>
       <option value="media/wbwt_03.mov">Tut 3</option>
    </select>
    </form>
    
    
    <div id="movie1">
            <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690"
            height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
            <param name="src" value="" />
            <param name="autoplay" value="true" />
            <param name="controller" value="true" />
            <param name="loop" value="false" />
            <embed src="" width="690" height="550" autoplay="true" 
            controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/">
            </embed>
            </object>
    </div>
    
    </body>
    
    </html>

    And I probably need a different DOCTYPE, since this sort of code is not strict XHTML...

    Sorry not to be able to give a link; this is on a private server. And the .mov files far exceed the file size limit on my hosted web.

    Thank you for any help you can give or for a point in the right direction if this has been done before.

    lorie

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    I hope http://www.alistapart.com/articles/byebyeembed will help you to achieve your goal.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    May 2007
    Location
    NW USA
    Posts
    63
    Thanks
    0
    Thanked 2 Times in 1 Post
    Thanks for that reference; I had read it before. I will try that as it bypasses the dread <embed>.

    I still need help figuring out how to set up the embedded player so that more than one .mov can play in it; the code I pasted previously does this using a drop down list but I would like to use regular links...

    Edited:

    Here is what I have so far; I am no doubt trying to reinvent the wheel. I have tried to incorporate the 'byebyeembed' code from A List Apart referenced in the previous response and a function from the huge thread on embedding media players...

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test 3</title>
    
    <script type="text/javascript"> 
    
    var pickmov=new Array()
    pickmov[0]="media/wbwt_01_shadowmaker_el.mov"
    pickmov[1]="media/wbwt_02_painting_shadows_el.mov"
    pickmov[2]="media/wbwt_05_photo_type_el.mov"
    
    
    function PlayIt(themov, whichdiv){
    document.getElementById(whichdiv).innerHTML='<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="690" '
          +'height="550" codebase="http://www.apple.com/qtactivex/qtplugin.cab">'
          +'<param name="src" value="'+document.getElementById(pickmov[themov]).innerHTML+'">'
          +'<param name="autoplay" value="true">'
          +'<param name="controller" value="true">'
          +'<param name="loop" value="false">'
          +'<object data="'+document.getElementById(pickmov[themov]).innerHTML+'" width="690" height="550" autoplay="true"'
          +'controller="true" loop="false" pluginspage="http://www.apple.com/quicktime/download/"></object>'
    +'</object>'
    }
    </script>
    
    
    </head>
    
    <body>
    
    
    <p><a href="#" onclick="javascript:PlayIt(0,'music1')">Movie 1</a></p>
    
    <p><a href="javascript:PlayIt(1,'music1')">Movie 2</a></p>
    <p><a href="javascript:PlayIt(2,'music1')">Movie 3</a></p>
    
    <div id="music1">
    	<object classid="clsid:02BF25D5-8C17-4B23-BC80-%20D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="690" height="550">
    		<param name="src" value="" />
    		<param name="controller" value="true" />
    		<param name="autoplay" value="false" />
    	
    	<object type="video/quicktime" data="" width="690" height="550">
    		<param name="autoplay" value="false" />
    		<param name="controller" value="true" />
    	</object>
    	</object>
    </div>
    
    </body>
    
    </html>
    Can anyone help me?
    Last edited by lorie; 11-13-2007 at 12:48 AM. Reason: add what i have tried...

  • #4
    New to the CF scene
    Join Date
    May 2008
    Location
    Minnesota
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I am using 1.0 XHTML Strict

    The <embedded> tag doesn't validate. I would like to know if you could help me or if you have an answer.

    Thanks,
    stmacoding

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Yes, <emebed> is depreciated(afaik) and you need to use the object method, described in the above ALA link.
    Last edited by abduraooft; 05-20-2008 at 07:46 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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