Solved

quicktime controls are not showing on web page

Posted on 2009-05-14
13
887 Views
Last Modified: 2013-12-07
I have a video that I embedded in a web page.  I included a quicktime version and a windows media version.

The quicktime video does not include the controls to stop, play, etc.

Do I need more code for the controls or do I need to resize the window?  If I just need to resize, which part of the code needs to be changed.

Here is the webpage, http://greenwoodridge.com/winery_chapters/winery_pruningvideo.htm 
Here is the quicktime code:
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="300" width="330"> 
 
<param name="src" value="http://www.greenwoodridge.com/videos/greenwood_v2.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="300" width="300">
 
				<embed autoplay="true" height="330" pluginspage="http://www.apple.com/quicktime/download/" src="http://www.greenwoodridge.com/videos/greenwood_v2.mov" type="video/quicktime" width="330">
						
</object>
 
Here is the Windows Media code:
	<object id="media1" height="300" type="video/x-ms-wmv" width="330">
		<param name="filename" value="../videos/greenwood_v2.wmv">
		<param name="autoStart" value="0">
	</object>

Open in new window

0
Comment
Question by:northernknight
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 7
  • 5
13 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24396577
Hi northernknight,

You do need to make the window bigger to account for the padding required by the embedded QT player.

A suggestion that is not related to the question:

You are wasting bandwidth and server space with this approach to embedding video.  What you really should do is convert one of those to Flash Video (flv) format and just place the single video on the page via FlowPlayer or JW Media Player.

The advantage to doing this is that you will achieve near-complete cross browser compatibility (almost everyone runs flash) and you don't have to worry about issues such as the above.  Also, FLV is much smaller than QT or WMV so you will save a lot of space via the conversion.
0
 
LVL 1

Author Comment

by:northernknight
ID: 24399512
Thank you jason1178,

What part of the qt code makes the window bigger and not the video?

Thanks for the suggestion about flash.  I will also look into this.

Mark
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24400173
<param name="type" value="video/quicktime" height="300" width="300">
<embed autoplay="true" height="330" pluginspage="http://www.apple.com/quicktime/download/" src="http://www.greenwoodridge.com/videos/greenwood_v2.mov" type="video/quicktime" width="330">

See how the param height and width are smaller than the embed?  Set those to be the same.
0
Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

 
LVL 1

Author Comment

by:northernknight
ID: 24400889
I changed the code ot 300 for everything but it still does not show the controls

<TD width="300" HEIGHT=22 VALIGN=top>
                  <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="300" width="300">

<param name="src" value="http://www.greenwoodridge.com/videos/greenwood_v2.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="300" width="300">

                        <embed autoplay="true" height="300" pluginspage="http://www.apple.com/quicktime/download/" src="http://www.greenwoodridge.com/videos/greenwood_v2.mov" type="video/quicktime" width="300">
                        
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24401101
What is the original resolution of the QT file?  I think you may want to go higher on the size, not lower.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24401120
Yes, definitely go higher.  I just used Firebug to change the size to 500 x 500 and I can see the controls just fine.
0
 
LVL 1

Author Comment

by:northernknight
ID: 24403014
I will try increasing it.  Do I change all of the width's to 500?

I am not sure which code is for the video and which is for the frame.  There is codebase, param name, and embed.  Which do I change to increase the window without increasing the video?

codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="300" width="300">
<param name="type" value="video/quicktime" height="300" width="300">
<embed autoplay="true" height="300" pluginspage="http://www.apple.com/quicktime/download/" src="http://www.greenwoodridge.com/videos/greenwood_v2.mov" type="video/quicktime" width="300">
       
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 250 total points
ID: 24404185
Leave codebase alone. Change param and embed
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24415851
northernknight,

Why the B grade?  Did I get something wrong?
0
 
LVL 1

Author Comment

by:northernknight
ID: 24416288
I thought the answers were somewhat vague.and could have been a bit more complete so we wouldn't have to go back and forth so much.  Maybe you just assumed I knew more than I did.

I do appreciate you seeing it through.

Thanks,

Mark
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24416384
>> I thought the answers were somewhat vague

Q. Why can I not see the controls?

A. You need to make the embedded area bigger.

Q. Where is that?

A. Code provided.

Q. Which code do I change?

A. Answered.

So every question you posed, I answered.  That's normal.  I can't be expected to read your mind and/or know your skill level unless you tell me.  


0
 
LVL 1

Author Comment

by:northernknight
ID: 24416741
This was my first question: "Do I need more code for the controls or do I need to resize the window? If I just need to resize, which part of the code needs to be changed?"
This was your answer: You do need to make the window bigger to account for the padding required by the embedded QT player.

"You need to make the window bigger" does not tell me which part of the code needs to be changed and that was part of my original question.
 
I was not complaining but you asked why I did not give you an "excellant".  


0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
Viewers will learn key ranges in Sampler to make their sampled instruments sound more realistic Gather samples of various notes and drag them to Key Range panel: Set proper root key for each sample: Select all the samples with Command-A (or Ctrl…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question