Viper’s Video Quicktags
WordPress 2.5 Compatibility:
Version 5.4.3 is fully compatible with WordPress 2.5.x.
Description:
Tired of copy/pasting the code to embed videos from sites like YouTube and Google Video or for self-hosted videos into your posts? Well then this plugin is for you!
It creates a bunch of new quicktags / WYSIWYG buttons via the great PHP class, ButtonSnap. When you click on the quicktags / buttons, it prompts you for the video’s URL and then inserts XHTML valid code into your post or page.
Here are some examples of embedded video: http://www.viper007bond.com/archives/category/videos/
Does This Plugin Support Stuff Like Fetching The Video Title?
No, I want to keep this plugin simple and fairly basic, at least for now.
This Plugins Provides Support For:
- YouTube
- Google Video
- IFILM
- Metacafe
- MySpace videos
- QuickTime files
- Generic video files (AVI, MPEG, WMV, etc.)
- FLV (Flash video) files (only basic support, use a dedicated FLV plugin if you want full configuration options)
Screenshots From WordPress 2.1:
Download:
- Download from WordPress.org (
downloads total)
Need Support?
If you need help with this plugin, please do not use the comments here on this page! Instead, I have a forum setup just for this plugin:
http://www.viper007bond.com/wordpress-plugins/forums/viewforum.php?id=23
Donate!
I’ve spent MANY hours working on this plugin. If you enjoy this plugin and would like to send a couple bucks, by all means, please do. I’ll even let ‘ya try out betas and such of my plugins. :)
Hi,
I don’t use wordPress built-in editor for posting. Rather I use external editors, say:- blogdesk & Qumana.
Is it possible to use your plugin, with these editors to Post video through ID. As I am also fed-up of copy & paste video code.
Regards,
DG…
No, I’m sorry. Even if those programs allowed plugins (which from a quick look, doesn’t look like that’s the case), I wouldn’t know how to write code for them.
Hi,
I have installed and activated this plugin, diabled the WYSIWYG editor, but I see no tabs on the write menu, or on the post text editor. Any ideas as to where I have gone wrong? Have I missed a step somewhere?
Thanks, Andy
Hmm. View your Write page’s source. Do you see some Javascript at the very bottom that mentions YouTube and Google Video?
And I’ll have a new version of this out soon that works with the damn WYSIWYG editor (man that thing screwed up the code I put in it).
Still no luck, couldn’t find any reference on the page for you tube or google, although I did find a google adsense code block in there which I didn’t know was there!
The plugin seems to activate OK, and I can just paste the embed code from youtube into the post and it works fine. The plot thickens…
What version of WordPress are you using?
EDIT: Nevermind, dur, 2.x as you said you disabled the WYSIWYG editor. Well I have no clue then. Just wait for the new version that I should release sometime next week I guess then. :/
I am using version 2.01
It’d be nice if you add support for the WYSIWYG editor :)
I did, I just went on vacation and forgot to release it when I got back. ;)
I’ll package it up later tonight. :)
I’ve a question… do you think you might be interested in adding support for other sites?
Also as a side I’ve been using another plugin for this, and one real nice thing it has support for is embedding Quicktime Movies. Would you consider adding support for that also?
I’ll catch you in a pm and talk more later.
v2.0.0 released (it has WYSIWYG buttons). :)
Patrick: Umm, sure, I don’t see why not. I’ll add generic video embedding in an upcoming version. :)
Wonderful.
I was looking for something like this.
Many thanks
Congratulations!!! It’s amazing how someone finally got a plugin for video in the WYSIWYG editor :)
Your plugin works perfect. Wonder if you’ll add support for locally hosted videos. Just to enhace your plugin and make it top video plugin for WP ;). It seems you are the only one that dealt with WYSIWYG editor with success.
Will there be support for other services like abazab or groupr?
Viper, it seems your plugin “messes” with the way TinyMCE works? When your plugin is enabled, when i indent, instead of placing the
<blockquote>tag, i get a span with 40px margin. This breaks my blockquotes. I also noticed it replaces the strong tag with a span. You did this for some reason in particular? I dont mind about the bold span, but i’d like to get the indent button to still apply the blockquote tag…thanks!
MJ on July 11th, 2006 at 5:23 PM wrote:
I’ve never heard of either of those, but I’ll look into them.
david on July 12th, 2006 at 1:01 AM wrote:
Eh, very weird. All my plugin does is insert two HTML comments with a span that is set to not display inbetween, all as a placeholder. Does my plugin mess up the stuff in TinyMCE itself (view the raw HTML via that button)? Or does my plugin screw up the output that gets displayed on your blog?
I really only tested the basics (inserting a video and making sure it displayed) as I despise WYSIWYG editors and I don’t use it on my blog. ;)
Viper, it changes the way the WYSIWYG editor adds the code for the other buttons on the code. i checked that clicking the HTML button:
With your plugin disabled, when i mark something with bold i get this code:
[code]something[/code]
with your plugin enabled:
[code]something[/code]
*update*: this happened the first time i used your plugin, so i disabled, tested, and re enabled it and it works fine. maybe it was something else, but since this plugin was the only thing i’ve added i tought this could be the problem, so for now it’s all ok… this plugin rocks!
a feature i could suggest, but this could be a tricky one:
entering the full URL instead of the video code, and getting the script to detect the code ;)
thanks for your support!
david on July 11th, 2006 at 8:20 AM wrote:
Well Viper just said up above that he’ll look into support for generic video in an upcoming version.
david on July 12th, 2006 at 7:44 AM wrote:
To be frank, I’m really a noob when it comes to Javascript (which is what that’d require), although that would solve the problem of having so many buttons.
I’ll look into it. :)
Hi there,
I have installed the latest version of the quick tag plugin, but it is not working for me. I get the buttons on the wysiwyg editor, but when I click on them nothing happens. I should note my blog is on a subdomain. I set it up to test the plugin so the blog address called it http://viper2.blogit2me.com
I get an error message at the bottom left hand corner of the window, (yellow triangle with exclamation mark), when I double click on it , it says the following:
[code]Line: 324
Char: 51
Error : Object expected
Code: 0
URL: http://blogit2me.com/viper2/wp-admin/post.php/code
Any ideas? Could it be a security problem with javascript across domains?
Thanks,
Andy
I hadn’t tested in IE until now, but I just did on my local install and it works fine.
Go to your Write page, right-click, and select “View Source”. Do you see a bunch of Javascript at the bottom? It’ll look something like this code, but without the color.
thanks! works really good although you need to be careful with the embedded player in tinymce it can mess it up (not the fault of your plug-in).
Still no luck with the plugin. I can’t see the code you listed on my write post page. I think I know what the problem may be though. As I mentioned, my blog is on a subdomain. However, the way the blogs are created, all the code is stripped from the files and replaced with a change directory command.
Is it possible to hard code the plugin into the appropriate files? I think the plugin is tring to write to files which in effect are in the main root directory.
Browser security settings may be impeding the javascript application.
I could be talking garbage, I am not a coder!!
Thanks for your time.
Well this is the code that needs to be at the bottom of the Write page. You can manually add it if you’d like: http://pastecode.com/1478
I’ve installed your plugin, and while it seems to work, I don’t see video placeholders (but I do see the HTML tags for the video) in the WYSIWYG web page editor. Any ideas?
Ah… It’s only in firefox that this happens if that helps.
Bug confirmed. It works on my local Windows machine (where I coded and tested), but not here on this Linux-powered site (where I don’t use the WYSIWYG editor). I dunno if the OS is the problem or if it’s something else, but I’ll try and fix it ASAP. :/
Viper007Bond, thanks for the useful plugin and the speedy response to my bug posting earlier. Yours is a much better solution than having to manually add in the google and youtube code since the Wordpress 2.0 WYSIWYG editor seems to hate embed tags. My solution had been to in the remotely hosted flash movies before.
Yeah, as you saw I actually had to use a placeholder and then insert in the real HTML when the post was viewed because the WYSIWYG mangles the stuff put into it (another reason I don’t use it personally). :/
DG on June 11th, 2006 at 5:17 AM wrote:
It just now occured to me that this would be easy to do via a tag:
[code][youtube]EOEDpFMdnds[/youtube][/code]
I’ll add this to the next version. :)
Great plugin! Thanks a lot!
Hi and thanks for a great plugin!
Can I change the size of the flash area? For example: the flash video on youtube often has the width of 425px and the height of 350px. I want it to have the width of 350px… Is that something I can change myself?
If you have the WYSIWYG editor off, then it’s very easy. Just edit the code it inserts.
If you have it on though, you’ll need to edit the bottom of this plugin. In the next version though, I’ll add an options page so that you can pick the size. :)
Hi. I’m trying to use this plugin on my blog (WP 2.04) and have had problems getting it working. I have found that if I have this plugin and Adsense-Deluxe active at the same time the video quicktags don’t appear. Seems to be a conflict between the 2 plugins. Any ideas?
A very nice plugin. However it does not work with the WordPressMU multi user version. Everything between the [code]< and >[/code] is stripped out.
Please contact me for admin access if you like to change it and make it work for MU, if it is between [ and ] it will probably work. Oh and the buttons do not show up in the rich text editor. They show up in the basic editor just fine.
Let me know please as this is a plugin I was looking for and our users would love it for sure.
Dave on August 1st, 2006 at 11:36 AM wrote:
Simply put, it looks like they added their quicktag via a very poor method. Ask them to change their plugin to use the excellent ButtonSnap PHP class. It’ll make their life easier and allow it to easily co-exist with other plugins (like mine) that add in new quicktags.
Blips on August 1st, 2006 at 3:23 PM wrote:
Mmm, yeah, your users probably don’t have unfiltered HTML ability, do they? I’ll be switching to a BBCode type of tag ([youtube], etc.) in the next version, so that’ll solve your problem.
Not sure why it’s not working with the WYSIWYG editor though. If you view the source of the page, is there a bunch of Javascript at the bottom? There should be. It’s added in by ButtonSnap to make the new buttons.
Viper007Bond on August 1st, 2006 at 11:24 PM wrote:
Thanks for your quick response. Unfortunately the maker of the plugin insists you be logged into their blog to leave a comment but give you no way to get a login. Can you suggest either (a) how I would implement ButtnSnap on their plugin myself (I ave a little experience with PHP and plugin coding) or (b) a differnt Adsense plugin that would get the job done? I understand you may not be able to answer either of these but a quick look at the code told me that I need some help.
Thanks.
Viper007Bond on August 1st, 2006 at 11:28 PM wrote:
That would be great. I will look into those buttons later. And let you know what I found.
Thanks
With regards to another adsense plugin, I really like the “mighty adsense” plugin.
It allows you to dictate when your ads appear, i.e. after post 1, post 3, post 5 etc.,top or bottom of posts, up to three different ad units, and it also places adsense on your pages and comments pages. Sorry I don’t have the URL handy but a simple search will find it. Good luck.
Necesito saber como incluir el viwer de Google video en una pagina web. Thanks!
rashid on August 2nd, 2006 at 5:40 PM wrote:
I don’t speak Spanish. Sorry.
Hi Viper,
Just used your Video Quicktags on my blog (www.aviceda.org/wp/) didn’t seem to work at the weekend but got my web-host to instal CURL…all seems fine now. Thanks for a good piece of software.
Tom
Tom on August 8th, 2006 at 3:03 AM wrote:
Odd, my plugin shouldn’t require CURL or anything like that. All it does is make some new Javascript buttons that insert HTML into your write box. :/
I installed your plug-in on my blog (http://bill.bzaar.net/blog/). I activated it and everything seemed to work just fine, so I posted a video from Google Video on a page and I saved it, trying to view the page just afterwards. Since then, I haven’t been able to access the blog anymore. I can’t access any of the pages, not even the Admin section. So I deleted the plug-in manually, because it wasn’t possible to deactivate it from the Dashboard, but nothing changed. Do you have any idea about the reason why all of this happened? Thanks a lot in advance and regards.
Your blog loads up fine for me and I don’t see any reason whatsoever that would cause my plugin to do something like that.
I’m thinking it’s someting else. Perhaps the people on the WordPress support forums can help you. :/
On occasion I was having similar problems to Bill where the entire Wordpress install (both admin and the site) would “hang” for several minutes with your plugin. I discovered that it only happened if I added videos from within the visual web page editor, and it would happen immediately after posting the clip and saving the entry. I think it must be some problem with the interaction between the code that gets placed in by your plugin and the TinyMCE code that drives the visual editor. As soon as I switched to the “classic” non-wysiwyg editor, the problems went away.
Weird. Hopefully the next version which is currently being tested by a couple friends will work better. It doesn’t use any placeholders or anything in the WYSIWYG editor, just simple BBCode like
[youtube]blah[/youtube]. :)Brilliant plugin! Thanks. Is it possible to set dimensions for videos? The youtube vids don’t fit in my theme properly but the google videos do.
I could edit the theme but have not figured out how to do it yet so this would be a good alternative.
Thanks
Ray
ray on August 9th, 2006 at 3:54 PM wrote:
For now, just open up the plugin’s file and edit it. If you use the WYSIWYG editor, the dimensions you should change will be at the bottom, otherwise it’ll be up higher inside some Javascript.
The next version will allow you to set dimensions like this (dimensions are optional):
[youtube width="100" height="100]hl2UUunlI2Q[/youtube]Works! This should be part of the official Wordpress distribution.
I love it.
v3.0.0 released. Enjoy! :)