QuickTime Embed
QuickTime Embed is a WordPress plugin made to ease the pain of inserting QuickTime movies manually. Once installed, QuickTime movies can be added in your blog posts using simple, intuitive inline [qt:] tags.
Geoff’s QuickTime Javascript is used to detect and insert QuickTime movie, making this implementation XHTML compliant.
Vodcasting is supported. Links to download iPod version of your movie can be inserted below your embedded QuickTime movie, if desired.
Features
- uses simple, intuitive tags to generate QuickTime movies for your posts
- standards compliant: valid XHTML
- movie autostart can be globally turned on or off
- supports poster movie
- supports text only output for RSS that ask reader to visit the original post for QuickTime content
- supports vodcasting
- requires javascript to display content, but will prompt user to enable Javascript when disabled
- no annoying ActiveX pop ups for users that do not have QuickTime installed
Usage
There are 3 different ways to use the [qt:] tags, each method differs by the number of arguments you need to provide within the tags. Here’s a list of the possible cases:
- Embed a QuickTime movie only
- Embed a QuickTime movie with poster movie
- Embed a QuickTime movie with poster movie and iPod video download link
QuickTime movie only
3 input arguments are required, they are:
- path to the movie
- movie’s width in pixels
- movie’s height in pixels
Example input:
Example output:
QuickTime movie with poster
To use poster movie, make sure $qt_useposter (see Options) is set to 1. If $qt_autoposter is set to 1, poster movie argument need not be entered i.e. the tag usage is the same as the previous case above.
If $qt_posterpath is not defined, the poster movie is assumed to be named with the same filename (no extension) as the movie but with “_poster.mov” appended to it. If it is, the poster movie is assumed to be in the poster directory and with the same filename as the movie file.
For explicit poster movie location, 4 input arguments are required, they are:
- path to the movie
- path to the poster movie
- movie’s width in pixels
- movie’s height in pixels
Take note that the height of your poster movie should be 16px larger than the height of the main movie. The reason for this is that when poster movie is shown, the QuickTime controller will be hidden.
Example input:
Example output:
QuickTime movie with poster and iPod video download
5 input arguments are required, they are:
- path to the movie
- path to the poster movie
- path to the iPod format video
- movie’s width in pixels
- movie’s height in pixels
The default text link for downloading the iPod format video are “iPod version”. You can change this text to something else such as “Download podcast” if you wish by changing some of the options. Please refer to the Options section for more information.
Example input:
Example output:
iPod version (2.7 MB)
Users without QuickTime or Javascript
Unfortunately, not all of your users might have QuickTime installed on their computer. When it happens, the mighty QuickTime Javascript will detect and output appropriate messages that prompt these users to download and install QuickTime onto their computers. Here’s an example screenshot that show you how this works:
While most modern browser supports Javascript, some users are too afraid that Javascript will screw up their computer so they turn it off just to be safe. This becomes a problem because this WordPress plugin relies on Javascript to display the QuickTime movie (in order to be XHTML compliant). To solve this problem, “noscript” tags are used to prompt these users to enable their Javascript and refresh the page for the QuickTime movie to show up. Here’s an example screenshot:
Text only output:
By default, this plugin will output text that reads “[See post to watch QuickTime movie]” for your RSS feeds only. I don’t think there’s a point to include any Javascript or QuickTime embedding code in your feeds. :P
Options
Hopefully this plugin will work as desired in an “out of the box” way so that you don’t need to change anything. However, few extra parameters can still be tweaked if you want to have extra control over the plugin’s output.
Since this plugin is still in its early stage, setting options via the WordPress admin panel is not supported yet. For now, you will need to open up the php file using either your favourite text editor or WordPress built-in plugin editor to change some of the variables you can find near the top of the code.
$qt_autostart: 0 to disable autostart, 1 to enable (strongly discouraged as it’s annoying from a user perspective)$qt_kioskmode: 0 to disable kiosk mode, 1 to enable (when enabled, right click menu is disabled)$qt_targetcache: 0 to disable caching of target movie, 1 to enable (target movie = main movie when poster movie is in effect)$qt_showcontrol: 0 to disable controller, 1 to enable (this only affects movies with no poster)$qt_useposter: 0 to disable poster feature, 1 to enable$qt_autoposter: 0 to disable automatic poster*, 1 to enable (take effect when no poster argument is given)$qt_globalposter: path to global poster (e.g. “/poster.mov”), this overrides everything, leave blank to disable$qt_posterpath: path to poster movies (e.g. “/poster/”), used when only filename is given as poster argument i.e. not absolute or site relative path$qt_moviepath: path to directory storing QuickTime movies (e.g. “/qt/”), used when only filename is given as movie argument$qt_ipodtext: text link to download iPod format video
* the plugin will append movie filename with “_poster.mov” as poster movie if $qt_posterpath is undefined, or look for poster movie with the same filename in the directory storing poster movies if defined
Installation
- Download and extract the “quicktime-embed” folder
- Upload the “quicktime-embed” folder to your WordPress plugin directory, usually “wp-content/plugins”
- Activate the plugin in your WordPress admin panel
Upgrade
- Deactivate the plugin in your WordPress admin panel
- Remove the “quicktime-embed” folder in your WordPress plugin directory
- Follow the installation guide above
Download
QuickTime Embed plugin 0.2 for WordPress (6kb .zip)
| Please donate to support active development of this plugin, thank you! |
If you like this plugin, express your love by donating and sharing this plugin with your readers!
Support
If you have any questions, suggestions, or found any bugs in this plugin, feel free to post them in your comments. I’ll try my best to answer them but there’s no guarantee, so don’t be disappointed if you do not hear back from me promptly. :/ If you find this plugin useful and feel like donating some money for my effort, please use the PayPal link below, thanks! <3
History
0.2 [2008.03.02]
- Major rewrite of the code
- Added: show hide controller feature
- Added: target cache feature
- Added: custom movie and poster path feature
- Added: global poster feature
- Added: global enable/disable poster feature
- Fixed: automatically detect .m4v filesize
- Fixed: height + 16px hassle
0.1.1 [2007.10.08]
- Fixed: server path error
- Added: kiosk mode support
0.1 [2006.07.09]
- Initial release




{ 45 trackbacks }
{ 260 comments… read them below or add one }
← Previous Comments
Hi
I reinstalled WP 2.3 and activated plugin but it now does not appear on write post page.any ideas
Mike
Hello…
i got some problems to embed a movie file.
which path is mean with qt:/moviefile?
for example…my video is in /wp-content/video/movie.mov
i´ll see the quicktime thumbnail, but no video is loaded…
can you tell how the plugin works right?
greets from germany!
eyn,
How would I go about adding the “poster.mov”, to the RSS output. I know you stated that it should be text only, and I completely agree when using a .mov file, but since QuickTime has the ability to use a .jpg as the poster frame, I’d like to pass that through in the feed.
The “John Adams” post from this blog uses a .mp4 as the main movie and a .jpg as the poster frame, and it seems to work very well.
http://www.artofthetitle.com/2008/04/18/john-adams-2008/
Is there a way I can do this?
Your plugin is great by the way, and it’s really a lifesaver for WordPress. I’m also experimenting with your Flash embed plug-in, and though I know it has the ability to play H.264 files now, it’s still not as reliable as the QuickTime plug-in, at least on a Mac.
I upgraded to WP 2.5 your plugin is activated but does noe appeat in write post
is plugin compatable with 2.4
I’m having issues with the “play now” text showing up. I get the movie to load fine, as well as the poster frame, but there is no obvious indication that the user should click on the fame to play the video (if you do click, it works fine though).
What am I missing? I’ve read through the other questions and only see one post to this point, but with no answer given as to how it was solved.
Any help is appreciated. As much as I love your .flv plugin too, don’t give up on this one!
nevermind……
I’m an idiot
I am implementing the quicktime embed plugin on this page
http://www.skatedetroit.com/skateblog/
as you can see, the movie loads, but the javascript for the “click here to play” isn’t showing up
please advise me on what to change
your movies on this page work fine
thank you
ray
Thanks so much ern
As I said I’m a code novice but after a bit of tooing & froing (well quite a bit) and mainly following your helpful instructions I got a page happening with poster frames and all – very happy with the results http://www.video.starkeyzone.net/?page_id=2
I will return to donate.
Best Wishes,
Ashley
henri, you can’t use this plugin in the sidebar unfortunately. You could copy the source generated by this plugin and paste them into your sidebar if you wished, it should work that way.
Stephen, I think that problem has been brought up before, I will try to add a FAQs section listing all these problem and their solutions.
Heather, QuickTime does support looping, I will consider adding that parameter in the next version.
Ashley, since you have the poster in the same folder as the movie and you appended “_poster” to the poster filename, you should set “
$qt_autoposter = 1;” and try this tag instead:[qt:http://video.starkeyzone.net/Balfours.mov 320 240]Make sure your “
$qt_posterpath = "";” i.e. empty between the quotes and “$qt_useposter = 1;” to enable poster feature.I’m changing the above website to wordpress & your quicktime plug in is really excellent but I’m having with the poster frame. I’m a code novice.
I’ve got this
[qt:http://www.video.starkeyzone.net/Balfours.mov320 240 http://www.video.starkeyzone.net/Balfours_poster.mov 320 240]
I don’t have the poster in a specific directory – - it’s in the main folder next to the video itself.
I checked the php file & the $qt_posterpath seems to be set to 1
Any tip or pointer would be greatly appreciated.
Cheers,
Ashley
I really appreciate having this plug-in – THANKS! I am posting a cycled animation on my blog and would LOVE it if I could get my .qt to loop….any ideas or help?
Found my problem. My movie was rendered 480×285, and I had the settings like up there: 480×240. Duh! Now everything’s fine. Got the controls now. Thanks so much. Sometimes it takes asking a question to get it answered even if its you’re own mind that goes to work on the problem.
No, even when I removed the spaces, still no controls. Any thoughts? You can see: http://PickeringHome.com
OK, I found part of the problem. My extension had spaces in it that the web filled up with %, that when I added now shows the movie, but there’s still no controls. I have to double click the image to make the movie go, and click it to stop. I guess I shouldn’t make movies with spaces in the extensions? I didn’t think I did when I made the movie. But now I don’t remember. Hmmmm
I’m having trouble making it work. I uploaded everything, and wrote the code correctly. But all I get in the post is a big symbol of Quicktime. I have QT and Java enabled. Any help?
Thanks,
Stephen
any idea for using the plugin in the sidebar of the blog? thanks
QuickTime Embed 0.2 has just been released. I didn’t do a very thorough testing of it so if you find any bug just let me know. I added some new features that I already implemented in my FLV Embed plugin, such as movie path and poster path.
I’m sorry that this plugin hasn’t been updated for such a long time. Overall it’s working just fine for most cases. Since FLV has been gaining such huge momentum, I’ve stopped working with QuickTime despite the superior image quality and smaller size of h.264 compared to FLV. fyi, the latest version of Flash 9 can already play h.264 encoded movie so I believe there will be even one less reason to use QuickTime, sadly. Apple hasn’t done a good job promoting the adoption of QuickTime and to be honest, QuickTime is a pretty bad player that is buggy and slow, especially the h.264 encoder.
With that said, I’m updating this plugin for those people who stumble upon this page looking for QuickTime resources and those who commented to complement or giving suggestion to this plugin. I hope this plugin will continue to work nicely for those folks who choose QuickTime over other media.
hi,
this is a great plugin. i’m having problems w posters in Safari though. They are not loading, and Im getting a vertical black column (like the window has been squished) and then some code in it. Looks fine in firefox. Your posters look fine in Safari so I am either forgetting something, or doing something wrong. Any suggestions? Thanks!
Hi, having issues with the latest version while the previous version worked like a charm. It’s acting weird on some quicktime projects of mine, namely the controller disappears and the quicktime gets streched out of proportion, while on other problems with the same format and syntax the controller appears and they keep their ratio.
I’m thinking about downgrading to version 0.1 which worked great but I can’t find a copy.
Example of a properly formatted image: http://www.laurentking.com/commercial/aids/
Example of a stretched image that used to play in the proper format:
http://www.laurentking.com/music-video/idiotheque/
Any help appreciated. Thanks in advance,
_laurent
@Daniel
Your movies need to be “fast-start” enabled, in order to begin playing as they progressively download. It’s an easy fix however.
Open said movie in QuickTime player and choose “Save As…” from the File menu. Then select “Save as a self-contained movie”. This will make a new copy of the file, and automatically add the fast-start info needed.
Is there a way to have the QuickTime player pull up from the beginning, before the video loads, so that the user can see the progress of how quickly the video is loading?
Right now when you go to my site you just see a QuickTime “Q” for about three minutes and then once the video has loaded the player appears.
Any suggestions?
Here’s another QuickTime embed option for interested parties: mobvcasting
Hi,
I installed the plugin to wordpress but for some reason it will not publish my QT movies
I uploaded AC_QuickTime.js file to my server also
This is the code I posted
[qt:/mikekellytv.com/3.mov 640 496]
Any help really appreciated
Thanks
Mike
I’m clearly doing something wrong because I used the [qt:/video/demo.mov 480 256] type tag and nothing shows up. It would appear that I’m an idiot and could use some help.
Thanks for the plugin, it’s working great on my site.
I was just wondering who the girl in the demo video on this page is, she’s really cute!
just found this, amazing plugin, thank you SO much for creating it. just one question, it seems the border around my movies is white and thus, you can’t see filesize, etc. i’ve reviewed the php file, but there doesn’t seem to be a way to correct this. any help on how to do so would be appreciated!
For some reason it won’t resize the video (WP 2.3.1)
Instead, it just adds lots of white space around the video – but won’t resize the actual video.
Two questions about your great plug-in:
1) does it work with mp4s
and 2) Is there a max file size for WordPress? (2.2.1)
The file I’m trying to use is almost 50 mb, and here’s the code: [qt:http://www.erniemunick.com/movies/i'llbeallright5.mov 320 256]
Nothing came up but a big Q
Wussup?
Thanks for your super cool plug-in,
Ernie
Hi Nice plugin!
Will it work if you set the height and width to percentage values?
Often we don’t know the esact height and width of a movie so using percentages is often the best way to have it fit the space allowed.
this is amazing!
i didn’t know that you wrote wordpress plugins too.
very cool.
MyCSS is awesome too.
glad to see another web developer keeping XHTML compliance in mind. :)
Great plugin, worked awesome but I can’t for the life of me figure out…
1. how to get the control bar on the bottom – yes, I added the 16 pixels
2. How to turn off the autostart
Obviously, I’m an idiot.
I think this will solve a lot of the problems that people are posting here. At first it looks like i’m just getting a place holder, no control or anything. I triple checked the path and it was correct. Then when I double clicked the place holder, it played the movie!
I realized that it’s simply resizing the frame to my specified dimension and not the actual movie. I fixed this problem by adding the following in the quicktime-embed.php file:
$code .= ‘myQTObject.addParam(“scale”,”aspect”);’ . “\n”;
(hopefully the code render correctly here)
I placed it right before this line:
$code .= ‘myQTObject.write();’ . “\n”;
Hope this helps!
Hi, great plug-in – Any chance we can get this working with the iPod Touch and the iPhone? Somehow your Javascript routine is not compatible with the mobile Safari browser.
Albo, if you open the quicktime-embed.php file you’ll see
$qt_kioskmode = 0, just change the 0 to 1 to enable the feature.As for the odd behavior of movie not loading, it is most likely due to wrong path to the quicktime movie. Double check the path to make sure everything’s correct.
For the custom field processing, I have no idea how that would work, one could probably write a function that retrieve the custom field data from the database if the post id is known, then parse it with the
ai_quicktime()function.Thank you for this excellent plugin. One question I have though is: how do you enable kiosk mode?
Thanks!
Adam, I’m seeing this behavior too, in both FF and IE with WP 2.2.2. The poster mode displays the poster, but there’s no controls loaded for QT and the movie doesn’t load.
Odd.
Any suggestions on making it process the code in a WordPress custom field? I tried adding to the plug-in .php file:
add_filter(‘custom_tags’, ‘ai_quicktime’);
add_filter(‘the_meta’, ‘ai_quicktime’);
And in the template, I’m calling a custom field:
get_post_custom_values(“gallery”)
but the plugin isn’t processing the [qt:] code in that custom field…
Fantastic eyn, worked perfectly. And thanks for getting back to me so promptly.
JD
JD, try to insert a white space between movie and poster, for example:
[qt:/z_other/examples/wwe.mov /z_other/examples/wwe_poster.mov 412 220]
btw there’s no simple way of center aligning the QuickTime player at the moment, I will try to add in a class name for the player in the next version.
Okay so this worked great:
[qt:/z_other/examples/wwe.mov 412 220]
But this doesn’t work:
[qt:/z_other/examples/wwe.mov/z_other/examples/wwe_poster.mov 412 220]
All I get is a placeholder
Is there some trick to getting poster movies to work?
Help appreciated. JD
Beautiful! Your new version fixed my issue. Thank you so much for a GREAT plugin. I made a donation!
For those of you who is having problems:
fyi, I just released a small updated version of this plugin which fixes the server path error and also added kiosk mode support. I do not have the time to fully code the next version at the moment, which I will hopefully be doing very soon. Sorry for the lack of updates, I just have too many other projects on hand at the moment. :/
Hi there,
I’ve followed the instructions and checked out the various posts but am not having any luck. http://www.motionworks.com.au/?p=152
I’d be happy to pay for assistance.
Thanks,
JD
Hi,
I installed your plugin, and was loving it. Then one day I browsed to the page using the plugin, and my movie disappeared. I checked the source, and noticed the script was appearing. The movie should appear movie at the top, but it isn’t.
My page is:
http://citizencinema.net/9-at-night/
The code I’m using in the post is:
‘[qt:http://citizencinema.net/content/wp-content/uploads/2007/08/9night_medium.mov http://citizencinema.net/content/wp-content/uploads/2007/08/9night_preview2.mov 360 286]‘
I tried uninstalling it, deleting it, and deactivating all my plugins to no avail. Any idea what’s going on here?
Thanks,
Orion
Hi,
again me.. i installed quicktime embed in my blogs, but the controller don’t appear under the videos. (+16px added)
Is there something to change in the .php file?
Example: http://www.ferndesign.biz/?page_id=8 or http://www.ferndesign.biz/?p=12
Thanks Chris
This looks like a great plugin, thanks. I’m having a problem though- my video won’t play until it has been downloaded in its entirety. Rather than start playing as soon as possible while showing the download progress, it just displays the Quicktime logo until it’s all downloaded. Any ideas how to fix this?
Hi,
great plugin.. thanks for that..
only one thing to the validation – in the php file – the Tags including the noscript are in the wrong closing order… so far -
I’m going to ask the same question as above, does it work for .m4v files? Thanks so much!!!
Very cool. Though I am really interested to see how this could be done with even less code. We have been working on a Embed tool that is code free. Is there a way to mesh these two tools?
Does it work for quicktime VR panoramas ?
← Previous Comments