Embedding QuickTime Movies
This lesson will show you how you can embed QuickTime movies that you export from QuickTime Player Pro into a ScreenSteps lesson.
Export for Web
![](https://media.screensteps.com/image_assets/assets/000/146/484/original/media_1248806028307.png)
In QuickTime Player Pro open your movie and select Export for Web... from the File menu.
![](https://media.screensteps.com/image_assets/assets/000/146/468/original/media_1248806050678.png)
Select your settings and click Export.
Open ReadMe.html
![](https://media.screensteps.com/image_assets/assets/000/146/474/original/media_1248806196121.png)
When QuickTime has finished exporting you will find a folder with all of the necessary files. Open the ReadMe.html file in your browser.
Copy MarkUp For <body> Section
![](https://media.screensteps.com/image_assets/assets/000/146/466/original/media_1248806235421.png)
Locate the markup that Apple provides for the <body> section (1). Select and copy this text to the clipboard.
Add To Step
![](https://media.screensteps.com/image_assets/assets/000/146/460/original/media_1268675355809.png)
Right-click on a step in ScreenSteps and select Set Video Embed Code...
Paste Code
![](https://media.screensteps.com/image_assets/assets/000/146/477/original/media_1248807353818.png)
Paste the markup you just copied into the HTML For Video field.
Export to HTML
![](https://media.screensteps.com/image_assets/assets/000/146/472/original/media_1268675424751.png)
Now export your lesson to HTML.
![](https://media.screensteps.com/image_assets/assets/000/146/483/original/media_1248807506430.png)
You should end up with a folder that looks like this.
Copy QuickTime Files
![](https://media.screensteps.com/image_assets/assets/000/146/464/original/media_1248807598238.png)
Now copy the QuickTime media files from the folder that was created when you export from QuickTime Player Pro into the folder containing your ScreenSteps lesson.
Adding The <head> Code
![](https://media.screensteps.com/image_assets/assets/000/146/470/original/media_1248806589232.png)
When embedding QuickTime movies your web page will require some JavaScript and CSS files that Apple provides. Locate the <head> code section in the ReadMe.html file and copy the markup to the clipboard.
![](https://media.screensteps.com/image_assets/assets/000/146/462/original/media_1248807001606.png)
Now open the HTML file you exported from ScreenSteps (My_Lesson.html in this example) and paste the Apple supplied markup into the <head> section.
If you wanted to create a custom template that includes these files in the <head> of the web page you export from ScreenSteps then you can create one. See the Customizing HTML Templates manual for more information.
The Result
![](https://media.screensteps.com/image_assets/assets/000/146/481/original/media_1248807720880.png)
Now if you open your HTML file (My_Lesson.html) in a browser the QuickTime movie will be displayed.
Tim
Wow. you guys should make this easier, like dragging and dropping videos into steps (just like images).