How to add movies into your blog using QuickTime Pro

Aug 01

How to add movies into your blog using QuickTime Pro

Posted by: Mo J. Al-Mughrabi Add comments

This weekend was like hitting two birds with the same stone. I was planning to post an article about Polar Bears I saw on BBC Planet Earth and it involved me cutting some scene and uploading them into my personal blog. but, then I thought why not post an article here about how I did it so technically I had to think of one article to write & the other one just came along.

Step 1

This step can be viewed in the screencast below, its basically telling you to make sure you have a QuickTime Pro & how you can Export for Web which is a simple process.

[Youtube source]

Step 2

During the screencast and at the end, I pointed the JavaScript that must be placed in the header. This code must be copied in the header of your blog template, If you are using WordPress then login to the control panel and go to Design (or Presentation if you were on older versions) from there go to your theme editor and click on the header file. Open it and place the JavaScript lines right beneath the head tag. for example,

 
<head>
<script src="http://www.apple.com/library/quicktime/scripts/ac_quicktime.js" 
language="JavaScript" type="text/javascript"></script>
<script src="http://www.apple.com/library/quicktime/scripts/qtp_library.js" 
language="JavaScript" type="text/javascript"></script>
<link href="http://www.apple.com/library/quicktime/stylesheets/qtp_library.css"
rel="StyleSheet" type="text/css" />
</head>

Step 3

Finally, you will need to upload the folder you generated while exporting. Its not necessary to upload all the files you can only upload the filename.mov and filename-poster.jpg. Those two files would do the job, The last thing you must do is altering the body code to point to the right direction. If we assume your blog is located on myTestBlog.com and you uploaded the files in a folder let's say video then you must alter your code as showing in the example below

 
<script type="text/javascript"><!--
	QT_WritePoster_XHTML('Click to Play', 'video/filename-poster.jpg',
		'video/filename.mov',
		'640', '368', '',
		'controller', 'true',
		'autoplay', 'true',
		'bgcolor', 'black',
		'scale', 'aspect'); //-->
</script>
<noscript>
<object width="640" height="368" classid="clsid:XXXXXX-XXX-XXX-XXXX-XXXXXX"
 codebase="http://www.apple.com/qtactivex/qtplugin.cab"><param name="src" value="video/filename-poster.jpg" /><param name="href" value="video/filename.mov" /><param name="target" value="myself" /><param name="controller" value="false" /><param name="autoplay" value="false" /><param name="scale" value="aspect" /><embed width="640" height="368" type="video/quicktime"
 pluginspage="http://www.apple.com/quicktime/download/"
		src="video/filename-poster.jpg"
		href="video/filename.mov"
		target="myself"
		controller="false"
		autoplay="false"
		scale="aspect"></embed></object>
</noscript>