Solved

quicktime controls are not showing on web page

Posted on 2009-05-14
13
864 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
  • 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
 
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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
The viewer will learn how to count occurrences of each item in an array.
Viewers will learn how to turn a Live Set into a compressed Live Pack file, and how to install Live Packs. Make: File > Collect All And Save: File > Manage Files: Click Manage Project: Click Create Pack: Select save location: Install: Doub…

759 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now