Player Code
Apr 6th, 2008 by Willy V.
Video is 29.7 MB in size, streaming for High Band users.
QuickTime Videos-Word Press
Here I will show you the QuickTime Player Code that I use for my videos that I use. These formats consist of .mp4 .m4v .mov videos. If you have & use QuickTime Pro then what you will need to do is to create reference movie file. Which will have the same name as your movie file but will have the extension .mov also you will need to create a poster image as well that can also be done in Quicktime to be used for your Poster Image the the code below.
Ok so the first part is to add the javascript code to our header template <head> </head> once we have done then we will add the actual player code to our post. See sample below.
Use the following HTML code to embed your movie into your web page.
Important Notes:
- Please make sure to update the Image and Movie URL with your correct URL’s.
- To make your media viewable on the Internet, your media assets (movies, poster image) must be placed on a publicly accessible server.
- The URL parameters must be modified if your media assets are served from a different location than your web page.
- The movie URL parameters must always point to the reference movie (My_Movie_File.mov) rather than a source movie.
- The reference movie must be kept in the same folder as the source movies.
- Source movie names cannot be changed, but you can change the name of the reference movie (remember to change it in the HTML code as well).
- Please note, to properly validate as XHTML, the
<style>tag and the first<script>tag should be placed within your page’s<head>tag.
Use this code in the <head> of your web page:
<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" />
Use this code in the <body> of your web page:
<script type="text/javascript"><!--
QT_WritePoster_XHTML('Click to Play', 'My_Movie_File-poster.jpg',
'My_Movie_File.mov',
'853', '496', '',
'controller', 'true',
'autoplay', 'true',
'bgcolor', 'black',
'scale', 'aspect');
//-->
</script>
<noscript>
<object width="853" height="496" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab">
<param name="src" value="My_Movie_File-poster.jpg" />
<param name="href" value="My_Movie_File.mov" />
<param name="target" value="myself" />
<param name="controller" value="false" />
<param name="autoplay" value="false" />
<param name="scale" value="aspect" />
<embed width="853" height="496" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"
src="My_Movie_File-poster.jpg"
href="My_Movie_File.mov"
target="myself"
controller="false"
autoplay="false"
scale="aspect">
</embed>
</object>
</noscript>
Exported:
- Reference Movie:
- Poster Frame:
