Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US :: FAQ
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS Feed

Embedding Quicktime Movies

COW Library : Web Design Tutorials : Abraham Chaffin : Embedding Quicktime Movies
Share on Facebook
A Quicktime Tutorial


Embedding Quicktime Movies

Embedding Quicktime Movies


In this tutorial you will learn the ends and outs of embedding quicktime movie files; MOV, MP4's and other quicktime video formats. Additionally you will learn how to use Adobe Dreamweaver CS3 to embed your Quicktime Movie. An overview of how to use embed, object, and activex elements are discussed in this tutorial as they relate to embedding Quicktime Video.


Abraham ChaffinAbraham Chaffin
CreativeCOW.net,
Cambria, California USA

©2007 CreativeCOW.net. All rights reserved.


Introduction


Publishing your Quicktime movies to the web can be done in different ways but not all deliver your video with the fewest amount of problems in all the most popular browsers. The most basic way to allow people to see the video is to provide a direct link to the file. This allows the user to either download the movie, save it to their computer or view it directly in their browser. While this is the most basic way it is not the most effective presentation.

A better way to display your movie is to embed it into your web page, blog, or another web site. In the next few steps you will learn about embedding quicktime movies into an html page starting with the most basic methods and moving later to more complex but more effective and elegant methods.



The Embed Element


Dreamweaver Embed The html code below is the most basic code required to embed your quicktime movie:

(Dreamweaver CS3 window used to insert code to the right)
<embed src="http://www.yourdomain.com/your-video.mov" height="256" width="320"></embed>

Attributes:

src Sets the URL to be loaded by the embed object.
height Sets the height of the embed object. This should be 16 pixels more than the actual height of your source video to account for the 16 pixels used up by the quicktime movie controls.
width Sets the width of the embed object. This can be the actual width of the video.
Note: The height and width can be set much higher than the actual movie size and it will not distort your movie though it will add space around your video.

To create this code using Dreamweaver go to the Insert Menu > Tag > Choose HTML Tags > Choose embed > click Insert. Enter the URL of your Quicktime movie, the height, and the width. Additional parameters include:

hspace="10" vspace="10" hidden="true" autostart="true" loop="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"

Attributes:

hspace Sets the horizontal spacing from your element
vspace Sets the vertical spacing from your element
hidden Sets to hide your video or not : true / false
autostart Sets to auto play your movie : true / false
loop Sets to continuously loop your movie : true / false
type Set this to video/quicktime for quicktime movies
pluginspage Where the user can grab the plug-in to play the movie through their browser. Use http://www.apple.com/quicktime/download/

To insert additional parameters/attributes to your embed element in Dreamweaver select your embedded video and click Parameters... from the Properties pane.


The Object Element


Dreamweaver ObjectMost commonly when embedding quicktime movies there is an Object element around the embed element. The OBJECT element is used to include objects such as images, audio, videos, Java applets, quick time movies, and Flash animations. Including this element when embedding your movie adds additional support for the required plug-in needed to play the quicktime movie. This element also increases browser compatibility. Many of the parameters set in this object repeat those set in the embed element. The new embed html code that includes this element looks something like the code below:

(Dreamweaver CS3 window used to insert code to the right)

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">

<param name="src" value="http://www.yourdomain/your-video.mov">
<param name="autoplay" value="true">
<param name="type" value="video/quicktime" height="256" width="320">


<embed src="http://www.yourdomain/your-video.mov" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed>

</object>


Attributes:


classid Used to specify an implementation for the object. Use 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B for Quicktime movies
codebase Used to specify the download location for different plug-in controls. Use http://www.apple.com/qtactivex/qtplugin.cab for Quicktime movies
Note: The additional repeated parameters should be repeated as in the example above.

To create this code using Dreamweaver select the embedded element and then go to the Insert Menu > Tag > Choose HTML Tags > Choose object > click Insert.

Input clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B for the Class Id
Input http://www.apple.com/qtactivex/qtplugin.cab for the Codebase
Codetype and Type are video/quicktime

The other parameters are not important for this tutorial.


Click to Play Quicktime Video


Setting up your Quicktime Movie to play only when it is clicked on is important for the best performance and cross platform and browser compatibility. When Quicktime Movies download and play when a user enters the page many times the users' browser locks up, freezes, crashes, or it causes the page to load extremely slow. This problem is most common in the Internet Explorer browser. A good work around to fix this is load a single frame placeholder movie that the user can click on to play the full length movie. This requires that you create an additional single frame Quicktime Movie that will let them know they need to click it to see the full length movie.

To achieve this some adjustments must be made to the embed element. The src parameter must be changed to the URL of the placeholder single frame movie, and autoplay must be set to false. Additionally a few new parameters must be added:

controller="false" href="http://www.yourdomain/your-video.mov" target="myself"

The new embed html code that includes this element looks something like this:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">

<param name="src" value="http://www.yourdomain/clickhere.mov">
<param name="autoplay" value="false">
<param name="target" value="myself">
<param name="controller" value="false">
<param name="href" value="http://www.yourdomain/your-video.mov">

<param name="type" value="video/quicktime" height="256" width="320">

<embed src="http://www.yourdomain/clickhere.mov" height="256" width="320" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.yourdomain/your-video.mov" target="myself"></embed>

</object>


Attributes:


controller Sets whether the quicktime controls are shown or not : Set true / false
href The URL of the Quicktime Video to be played when the embed element is clicked
target Destination of the href attribute should be set to myself to play the movie in the same place object



ActiveX Embed Using Dreamweaver


Internet Explorer blocks embed and objects tags unless they are embedded using special Javascript. This next step will explain how to arrive at the final step using Dreamweaver's Insert ActiveX embed method.

If you are using Dreamweaver CS3 the previous portions of this tutorial were background of how embedding works and not actually how to Embed your Quicktime movie so if you did each step in Dreamweaver delete everything you did and just do this step.

Go to the Insert Menu > Media > ActiveX. Bypass the Object Tag Accessibility Attributes by clicking Okay. Dreamweaver will write code to embed javascript, the object tag and the embed tag. Select the new ax element in your web page and setup the parameters for your Quicktime movie in the Properties pane.

Dreamweaver ActiveX Properties

ActiveX ParametersPut in clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B as the ClassID.
Check the Embed box and enter the URL of your Src Quicktime movie file or your Click here movie if you decide to use a single frame placeholder movie. Note: When browsing for your file you may need to choose All files from the Files of type drop down.
Use http://www.apple.com/qtactivex/qtplugin.cab for the Base / Codebase.
Enter the height and width of your movie, remember to add 16 pixels to the height to accommodate the quicktime controls.

Click on the Parameters... button to open the Parameters window for the ActiveX object.

For this example parameters should be as follows:
controller false
href http://www.yourdomain/your-video.mov
autoplay false
target myself
bgcolor #ffffff


Once you save and upload your files properly to the internet you should have a functional embedded Quicktime Movie that works effectively on multiple browsers and multiple platforms.

For an example of a page that uses this method - click here.

Have fun!
  View 48 Comment(s)

  Web Design Tutorials   •   Web Design Forum
Reply   Like  
Share on Facebook
Comments

Re: Embedding Quicktime Movies
by clyde villegas
What codec do I use for my quicktime embedded movie? I tried re-encoding using Adobe Media Encoder but unsuccessful. What settings should I use in my Adobe Media Encoder? Thanks! God bless!

ut in omnibus glorificetur Deus
@Embedding Quicktime Movies
by Tamara Thomas
I am having a hard time embedding my quicktime video and see them in the web. Here is my code. What am I doing wrong? Please help. Thank You


<object height="210" width="453">
<param name="src" value="http://www.nykwestproductions.com/StandUpForHomelessChildren(HCEF)web.mov" />
<param name="autoplay" value="true" />
<param name="type" value="video/quicktime" height="256" width="320" />
<embed src="http://www.nykwestproductions.com/StandUpForHomelessChildren(HCEF)web.mov" height="210" width="453" type="video/quicktime"></embed>
</object>
@Tamara Thoma
by Abraham Chaffin
Hello Tamara,

The URL of your video goes to a 404 not found. Check the src value and update with the correct URL.

Abraham
Re: Embedding Quicktime Movies
by Joshua Rasmussen
I did that: same problem (no looping).
Re: Embedding Quicktime Movies
by Joshua Rasmussen
This is very helpful; thanks!

I wonder if you might point me to material that could help me figure out how to make my .avi video automatically loop.

I tried . But that didn't work. I can get the video to play. Could there be something wrong with the file itself? If so, how do I convert it to the proper format? Thanks!
@Joshua Rasmussen
by Joshua Rasmussen
I tried


<param name="target" value="myself" />
@Joshua Rasmussen
by Joshua Rasmussen
Oops! I meant


<param name="loop" value="true" />


The video won't loop. I would love to read any material that explains how to loop videos.
@Joshua Rasmussen
by Abraham Chaffin
Hello Joshua,

Add the parameter to the embed tag as well.

<embed ... loop='true' ... ></embed>

Abraham
Re: Embedding Quicktime Movies
by David Modijefsky
It's good to see this thread is still alive and relevant. I want to redo my site in a few weeks (if I can find the time) and make it html5 compliant. So I will definitely pick Abrahams brain for that. Much appreciated.

-------------------------
what will this button do?
Re: Embedding Quicktime Movies
by Jennifer Getz
thanks for getting back-
so is my code incorrect? do i need to add something?
@Jennifer Getz
by Abraham Chaffin
Your code is probably correct. The codec of your video is the problem.

Abraham
@Abraham Chaffin
by Jennifer Getz
so what do i need to do
@Jennifer Getz
by Abraham Chaffin
Re-encode your video into a codec that the Quicktime player supports. MPEG-4 is generally best. Your click here video, if you are using that method, will also need to be using a codec Quicktime can play.

Abraham
@Abraham Chaffin
by Jennifer Getz
so what do i do?????
@Embedding Quicktime Movies
by Jennifer Getz
Any reason the quicktime movie wouldn't play in Safari? I just get a quicktime logo, never plays.
thanks!!!!
@Jennifer Getz
by Abraham Chaffin
This would be due to the format of the video you are trying to play not being compatible with your Quicktime plugin.

Abraham
@Embedding Quicktime Movies
by Steve Stone
I do alot of video with transparent (Alpha Channel) backgrounds. I have always converted my avi files to flv files for the web without any issue. Now I am being asked to put my video onto iPads, iPhones etc. They won't accept flv files & I read that I can use QuickTime mov files to create an alpha channel. I have tried several ways to install a mov file (with Alpha) using dreamweaver onto an existing webpage but it always ads a black background with the video. I have tried the wmode - transparent option but doesn't do anything. I know the mov file I am using does have the alpha channel attached because I can bring it back into my rendering program and see it fine.

Any help is greatly appreciated.
Re: Embedding Quicktime Movies
by Naga Bhushanam
For MP4 format, its does't show the controls for it. please tel the how to show showcontrols (play/pause).

thanks in advance.
@Naga Bhushanam
by Abraham Chaffin
Setting the controller parameter to true will reveal the play and pause controls.

Abraham
@Embedding Quicktime Movies
by Tammy Bollinger
Super fast, super clear, most excellent instructions- thank you!!!! Awesome!!!

Tammy
Re: Embedding Quicktime Movies
by Karon Thackston
That's a good idea. I'll try that.
Re: Embedding Quicktime Movies
by Karon Thackston
Hi Abraham,

I had a friend of mine try the video and this is what she said:

I tried it on the Mac, in Chrome, Firefox and Safari and had the same results every time. I could see the video, but nothing happens when I click on play, buy using the big button in the middle or the smaller on the player.


That's the same problem I was having. But you said it worked for you??

What do you mean by your comment that the videos are not setup right?
@Karon Thackston
by Abraham Chaffin
Hello Karon,

Yes it seemed to work fine for me in the browsers I tried.

Before I looked at your videos I thought they may not have been setup properly for progressive download which would make thing not work properly. After checking your videos and testing the code with your videos in it locally, it all seemed to work fine.

I suggest creating a new document and testing just the embed code on the page so you know there is nothing else affecting your test.

Abraham
Re: Embedding Quicktime Movies
by Karon Thackston
So it works as it should for you? Hmph! I downloaded the most recent QuickTime plugin and it still behaves the same.

Oh well, at least others can see it normally :)

Thank you again for your help!
@Karon Thackston
by Abraham Chaffin
The following code seems to work fine for me in IE, FF and Chrome:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="275" width="325">

<param name="src" value="http://www.copywritingcourse.com/video-placeholder-karon.mov">
<param name="autoplay" value="false">
<param name="target" value="myself">
<param name="controller" value="false">
<param name="href" value="http://www.copywritingcourse.com/Video-KaronIntro-CC-streaming.mov">
<param name="type" value="video/quicktime" height="275" width="325">

<embed src="http://www.copywritingcourse.com/video-placeholder-karon.mov" height="275" width="325" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.copywritingcourse.com/Video-KaronIntro-CC-streaming.mov" target="myself"></embed>

</object>



Your videos seem fine. Perhaps its your local quicktime plugin?

Abraham
Re: Embedding Quicktime Movies
by Karon Thackston
OK, here you go:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="275" width="325">

<param name="src" value="http://www.website.com/video-placeholder-karon.mov">
<param name="autoplay" value="false">
<param name="target" value="myself">
<param name="controller" value="false">
<param name="href" value="http://www.website.com/Video-KaronIntro-CC-streaming.mov">
<param name="type" value="video/quicktime" height="275" width="325">

<embed src="http://www.website.com/video-placeholder-karon.mov" height="275" width="325" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.website.com/Video-KaronIntro-CC-streaming.mov" target="myself"></embed>

</object>


Yes, I checked the URLs to make sure they were typed correctly. I also pasted them into a browser (FF and IE) and they played immediately, although, in IE it didn't play directly in the browser. It played in a pop-up window.
@Karon Thackston
by Abraham Chaffin
Your code seems fine. I tested it locally with a different movie that you could download and also test:

http://podcasts.creativecow.net/click.mov

Your problem is probably the video(s) is/are not setup right or your browsers' quicktime plugin is not working right.

Here's the code I used that worked:

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="275" width="325">

<param name="src" value="http://podcasts.creativecow.net/click.mov">
<param name="autoplay" value="false">
<param name="target" value="myself">
<param name="controller" value="false">
<param name="href" value="http://podcasts2.creativecow.net/dslr/episodes/ipod/04_Understanding.m4v">
<param name="type" value="video/quicktime" height="275" width="325">

<embed src="http://podcasts.creativecow.net/click.mov" height="275" width="325" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://podcasts2.creativecow.net/dslr/episodes/ipod/04_Understanding.m4v" target="myself"></embed>

</object>



If you provided the URL of your movies I would know for sure.

Abraham
Re: Embedding Quicktime Movies
by Karon Thackston
Thank you for this wonderful tutorial. However, I'm having a problem. In FF the placeholder shows up, but you can't click it to play the movie. In IE, nothing but a white box shows up with a download icon. Parameters are below.

Any help you can provide would be greatly appreciated!!



"src" value="http://www.website.com/video-placeholder-karon.mov">
"autoplay" value="false">
target" value="myself">
"controller" value="false">
"href" value="http://www.website.com/Video-KaronIntro-CC-streaming.mov">
"type" value="video/quicktime" height="275" width="325">

Embed Info is:

src="http://www.website.com/video-placeholder-karon.mov" height="275" width="325" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="http://www.website.com/Video-KaronIntro-CC-streaming.mov" target="myself">

@Karon Thackston
by Abraham Chaffin
Your code didn't come through to good, you might try pasting it in the message box, highlighting and then clicking the CODE button to convert it for the post.

You might double check a couple things

1) Your videos are optimized for progressive download.
2) Your videos are at the right URL.

Generally, a quick way to test these two things is put the URL of your video in your browser and go to it. If it plays right away without having to download the entire movie first you should be good to go.

Abraham
Re: Embedding Movies
by Waren Furber
Is there an example of adding a MS Window Media Player for a *.wmv, or is it simular as shown in your article? Movie screen on Host site is black with the media insert for WMP using Expression Web. I could view movie when in the web design Preview in Browser, hoever when viewing outside the design tool via a browser on resident computer from host computer the screen was black....

I attempted your QuickTime example in Expression Web 2 designs, but it wasn't a reliable play on the remote hosting site.
Re: Embedding Quicktime Movies
by Waren Furber
Hello; I used your section "Click to Play Quicktime Video". I placed in Expression Web 2 and it is working somewhat, but not perfectly, in Internet Explorer 8. Foxfire and Safari the QuickTime will not launch. If furberfamily.org (in IE8)is launched, the Q has a ? imposed, but when I select to load site the movie forst frame is shown, and double clicking that frame starts the movie, which is approximately 40 minutes. After a few minutes it freezes. Is there something extra needed to ensure playing a movie from beginning to end? Without stopping?
@Waren Furber
by Abraham Chaffin
First make sure the URL entered in the src and href parameters are correct.

Secondly, not all videos formats and codecs are created equal. Make sure you are rendering using a codec or format that works on the web. If you don't know what that is for your specific program, search our forums or ask in one of our forums that deals with that program.

Abraham
opacity of the poster frame + mouseover
by Deniz Gezgin
Hello,
This page helped me a lot, thank you!
I tried something like this to embed my movies:


<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="216" width="268">
<param name="src" value="test.jpg">
<param name="autoplay" value="false">
<param name="target" value="myself">
<param name="controller" value="false">
<param name="href" value="test.mov">
<param name="type" value="video/quicktime" height="216" width="268">
<div align="top"><embed src="test.jpg" height="216" width="268" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/" controller="false" href="test.mov" target="myself"></embed>
</object>


It works great, but I was wondering, is it possible to set the 'poster frame's opacity? [here, test.jpg]
I want to set it to %50 and when there is a mouseover, the poster frame becomes %100
opaque. Then I can click the posterframe and watch the movie.

I'm new to this stuff, I hope I explained myself clearly:)

Thanks!
@Deniz Gezgin
by Abraham Chaffin
As far as using opacity in Quicktime Embeds, I don't believe there's a direct way to do it. At least not according to this page:
http://support.apple.com/kb/TA26486
which seems to contain all the parameters that can be used.

If you try and use enablejavascript=true and then have js change the opacity, it doesn't seem to work.

The next step would be to try and do some sort of overlay to fake it. To overlay the qt player you need to set the wmode to transparent. This doesn't really work as it makes the clicking of the preview movie / image not work. If you don't use a click movie / image the overlay gets removed when the main video starts loading.

In short, I don't see a way to do this.

Hope someone else can figure out a way as it would be a nice feature to have.

Abraham
Re: Embedding Quicktime Movies
by marcia leija
I am using Flash Catalyst. Could you tell me how to try this with a flash program? I dont want to just use flash video files because I am running into the problem that visitors have to have a flash player and even after they install it it takes forever to load.
@marcia leija
by Abraham Chaffin
Hello Marcia,

I haven't used Flash Catalyst but I'm pretty sure the finished web product that Flash Catalyst will be out-putting will be a swf file which will require Adobe Flash Player for users to view.

I don't believe there's a flash program that won't be forcing users to use the flash player to view the finished content produced by the program...

Abraham
PS - just wrote about weird controls and embedding Thumbnail ! and copy protect
by barb nix
well, duh, I enlarged the size of the QT to give it more space - i had just made it size of movie (640/480) but made it 500 so now there is room for controls. I would still love to know if there is a way to put a starter image on there (without going into video and editing one at front of video).

also, I just realized people with QT pro can swipe my movie---is there a way to make it protected so they cant take it?
merci again!
how to create starting still thumbnail & weird goings on with controls
by barb nix
so happy to find you and thanks for GREAT tutorial. two questions
1) how do i create a starting (thumbnail?) image in the space where the quicktime.mov is on my page, so it looks nice waiting until the person chooses "play"?
2) for some weird reason the standard QT controls (the bar at bottom with play, etc. and timeline) are HALF cut off, this is true in both firefox and safari. (havent checked others). Ideas?

Merci!
Questions on pages loading correctly
by John Wrede
I'm having the exact same problems as Dan. My files are pulled from an include, but no other changes than that. Also, only sound plays in Chrome.

http://www.paideiaschool.org/about_us/homeless/homeless_2.aspx
Hello Dan, I took a look
by Abraham Chaffin
Hello Dan,

I took a look at your site in IE, FF and Chrome. The page with the 9 videos all seemed to operate properly from what I could tell..

Any specifics that could help isolate your specific problem? Browser Version, OS, Specific Video that's not working...
Embedding Quicktime: Questions on pages loading correctly
by Dan Fassnacht
Hello, I followed this tutorial and made a portfolio site with embedded quicktime movies. I really like the functionality.

The problem I've been having is that in Safari everything works fine, in firefox sometimes the images won't load correctly and will show the quicktime logo. If you reload the page or scroll a little the images usually will load fine. Is there some fix to this problem? Suggestions?

Thanks,

Dan http://www.danfassnacht.com
Active X Embed Using Dreamweaver
by Sandy Cramer
OK, I've followed your instructions to a t, but it still doesn't work for me. Will this show a quicktime mp4 file? Or do I need to convert that file to something different? Any help? I can see the mp4 file in my dreamweaver html file, but I can't get it to play. I get a Q with a question mark through it when I test it.
I agree with Jason. I'd like
by David Modijefsky
I agree with Jason. I'd like to see an update on this too. And if possible go the extra mile and show us a solution for QT in conjunction with a CMS. Because a lot of the people here on the Cow work with QT and often have to present their work(in progress) to their clients. Especially the Mac community often works with QT only.
Embed Several Videos
by Samuel Rothenbaum
This is good and works fine. What if you have two or three videos to portray on the same page using the same player position.
Can you suggest a text?
by Jack Webber
I work in CS3, and I followed the steps but it did not work at all. If you could suggest a text so I could look into this further, that would be great.

Thanks
CS4
by Jason Coleman
It would be nice if you would revisit this tutorial for use with CS4...Same stuff does totally apply anymore.
Embedding Quicktime Movies
by Abraham Chaffin
As an additional note the Quicktime movies used should be hinted for best results. If you experience your movie needing to be fully downloaded before playing and not playing as a progressive download your video is not hinted. Read this page for a little more info:

http://www.apple.com/quicktime/tutorials/hinttracks.html


Related Articles / Tutorials:
Web Design
Simple CSS Centered Layout

Simple CSS Centered Layout

This tutorial from CreativeCOW leader, Fernando Mol explains the principles of how to create an horizontally centered layout using HTML and CSS.

Tutorial
Web Design
Full Page Overlay WindowFull Page Overlay Window

In this tutorial you will learn how to create a full page pop-up window that overlays an existing html page. This technique is used often for displaying a video, movie file, picture, or form when a user clicks on an element in a web page.

Tutorial
Web Design
Start Using MySQL with PHPStart Using MySQL with PHP

Learn about MySQL and how to implement its functionality into your web site allowing you to create dynamic content built from databases. In this tutorial you will learn some basics of using MySQL, PHPMyAdmin, Database Management Systems, and how to display MySQL content in a web page.

Tutorial
Web Design
Reality ColdFusion MX: Flash MX Integration

Reality ColdFusion MX: Flash MX Integration

Author/Web developer Michael Hurwicz examines Reality ColdFusion MX: Flash MX Integration by Ben Forta, Randy Drisgill, Dennis Baldwin, Matt Tatam, and Derek Lu. This book is published by Macromedia press. The book discusses goals, logic and development process behind four projects, for which full source code is available on-line. A great way to get a jump start on ColdFusion/Flash integration. Recommended for intermediate Flash and ColdFusion users -- not for beginners.

Review
Web Design
Mike Gondek reviews Total Training's LiveMotion2

Mike Gondek reviews Total Training's LiveMotion2

CreativeCOW leader, Mike Gondek examines a 3 DVD training series called Live Motion 2.0 by Steve Holmes and published by Total Training.

Review
Web Design
Controling Adobe GoLive using Hot-Key settings

Controling Adobe GoLive using Hot-Key settings

In this article, Ron Lindeboom shows newer and other GoLive users how to make GoLive act the way you want it to. Have you ever wished you could set the hot-key short-cuts the way you wanted instead of the way that the Adobe engineers set them? Well you can do it and it's very easy to do. Here's how...

Tutorial
Recent Articles / Tutorials:
Blackmagic Cinema Camera
Shooting Trent & Isabella: Blackmagic Firmware & Indie Film

Shooting Trent & Isabella: Blackmagic Firmware & Indie Film

Paul Del Vecchio is a filmmaker with an independent spirit. When he had the chance to beta test Blackmagic's new firmware on the Cinema Camera while serving as director of photography on the indie film "Trent & Isabella," he found that the new debayer process became a huge asset to getting the raw-like images he wanted without the price of storage and processing. Less time and money spent there means more focus on the film's visual style which ranges from spaghetti western to film noir.

Editorial, Feature, People / Interview
Adobe Premiere Pro
Cooking With Premiere Pro CC on PBS's America's Test Kitchen

Cooking With Premiere Pro CC on PBS's America's Test Kitchen

As America's Test Kitchen enters its 15th season on PBS, they've made the switch to Premiere Pro Creative Cloud. Post-production Supervisor and director Herb Sevush has been with the show from the beginning, and confessed some trepidation moving away from FCP 7, but has found it to be a great fit for their data-intensive, increasingly 4K multicam production, and his work with remote editors. Here, Herb offers some insights into both the why and the how of their switch, with special attention to Premiere Pro CC's approach to multicam.

Editorial, Feature
Crowdfunding
Expert Tips for Crowdfunding Success

Expert Tips for Crowdfunding Success

Film projects are the most unsuccessfully funded of any Kickstarter category -- but producer and crowdfunding consultant Diana Ward Roark has worked on a number of campaigns for independent films that have exceeded their goals. She has the real-world advice you'll need to succeed, including where you can find backers, and how to engage them.

Editorial, Feature
TV & Movie Appreciation
A Distinctive LOOK For 'The Grand Budapest Hotel'

A Distinctive LOOK For 'The Grand Budapest Hotel'

In his third time working with Wes Anderson, LOOK Effects VFX Supervisor Gabriel Sanchez helped implement the director's singular vision on The Grand Budapest Hotel.

Editorial, Feature, People / Interview
MORE


FORUMSTUTORIALSFEATURESVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2014 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]