Hana Flv Player WordPress Plugin

9/17/2009: Please visit the new home for the Hana Flv Player and Hana Flv Player Plugin Forum.
As part of ongoing personal project for creating and embedding Flash Video in my Wordpress, I have decided to create a Wordpress plugin to help me writing embed tags inside the articles. If you are interested on my previous quests, check out below links.


Change Log

  • V 2.0 (7/23/2009) :
    1. For easier Hana Flv Video tag creation, new popup dialog is added. You can directly define the values using the form and click OK to create the tag. Please see the screenshot 4 for the example. The buttons in the editor will only appear for WP v2.5+

    screenshot-4

  • v 1.8 (7/21/2009) :
    1. Fixed Minor bug with FlowPlayer v2 . It was not properly showing under IE7.
    2. FlowPlayer v3.1.1 player is added. Originally intended to upgrade the old version, but decided to leave old version due to some minor differences.
  • v 1.7: Adding additional attributes for the players more advanced options. Also added a method to show FLV movie within the theme template files (such as sidebar.php)
  • v 1.5: Adding FLV Player Maxi
  • v 1.1: Lots of debuging.
  • v 1.0: Initial Release with OS FLV (GPL) , FlowPlayer (GPL) flv players

Now you can easily embed the FLV Flash videos in your WordPress Blog. I have packaged the two GPL FLV Flash player, OS FLV and FlowPlayer. So you can use them freely without worries even for the commercial purpose unlike the JW player – If you have AdSense or display ads showing , you should purchase the player according to its website.


Flv Player MAXI

FlowPlayer V2

OS FLV

Flow Player V3

Installation

  1. Download and unzip the zip file. Upload hana-flv-player folder with all of its contents to the /wp-content/plugins/ directory
  2. Activate the plugin through the `Plugins` menu in WordPress Admin Interface.
  3. Adjust the default settings in the ‘Settings’ menu in the Admin Interface if you want to.
  4. Use [hana-flv-player video=’…’ /]in your blog article. Attribute `video` is the only mandatory item where you define the video file. It can be full URL or absolute or relatvie path.

If you want a quick test and see if it’s working fine, goto Hana Flv Player settings admin page and copy the example shown in the bottom and paste in your blog article.

How to use

When you write an article , you can use [hana-flv-player /] tag to embed the flash video player. The ‘video’ attribute is mandatory to indicate the video file . There are other optional attributes and the default values for the options can be defined in the Admin settings page. See the below for the example.

This is minimum usage format.

[hana-flv-player video="http://yourwebsite.com/wp-content/plugins/hana-flv-player/babyhana.flv" /]

This is usage with all attributes defined.

[hana-flv-player
    video="http://yourwebsite.com/wp-content/plugins/hana-flv-player/babyhana.flv"
    width="400"
    height="320"
    clickurl="http://yourwebsite.com/"
    player="2"
    autoplay="false"
    loop="false"
    autorewind="true"
    splashimage="http://yourwebsite.com/wp-content/plugins/hana-flv-player/splash.jpg"
/]

Attributes explained:

  • video: URL of the flv video file. This is mandatory.
  • width: Width of the Flash player.
  • height: Height of the Flash player.
  • clickurl: If you want to open a website when a user clicks on the video, you can define the target website URL here.
  • player: If set to “1″ , OS FLV will be used. If set to “2″, FlowPlayer V2 will be used. “3″ is for FLV Player Maxi. “4″ is the new FlowPlayer V3.
  • autoload: If true, the movie will be loaded (downloaded). If false, the starting screen will be blank since no video is downloaded.
  • autoplay: If true, the movie will play automatically when the page is loaded.
  • loop: If Loop is true, the movie will replay itself constantly.
  • autorewind: If AutoRewind is true, the cursor will be reset to the start of the movie when the movie is ended.
  • splashimage: Only works with FlowPlayer. When autoload is off, this splash image will be shown in the player. It only supports JPEG images.
Note: Be careful when you use other website’s video file as the video source. Since video files are usually large in size, they can consume the bandwidth quickly. So you should ask for the owner’s permission before using that link to the file.

If you want to try the plugin quickly, you can just copy and paste the tag Example showing in the Plugin Setting page. The plugin comes with a small FLV file for testing so you will be able to see it.

Leave comment if you have any questions.

Have a nice day.

There are more samples for the advanced options.

Here are some useful books on Wordpress Plugin and SEO.

WordPress Plugin Development (Beginner’s Guide)
From the reader’s review :
This book talks about the why and how of WordPress plugin development with heavy emphasis on the “how”. The book’s tagline “Learn by doing: less theory, more results” describes the book quite well. There is an introductory chapter that talks about the many benefits of learning WordPress plugin development. After that, the book immediately jumps right into showing you how to develop a series of 6 increasingly challenging WordPress plugins from scratch. It then finishes up by talking about plugin localization, promotion, and support tips.
WordPress for Business Bloggers: Promote and grow your WordPress blog with advanced plug-ins, analytics, advertising, and SEO
From the reader’s review: I have purchased and studied many technical books, this is the first book I felt a need to write a review. I find it well organized and understandable. The information concerning plug ins and the proper process is extremely valuable. I have only read about half way through the book, but I understand more about WordPress than I thought possible. The ability shown how to design the blog on your own computer and then upload it to your host is priceless. I highly recommend this book!
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • MySpace
  • Reddit
  • Technorati
  • Twitter

, , , , ,

My favorite listmania

iPod Universe

Apple iPod Video 80 GB White MA448LL/A (5.5 Generation) OLD MODEL - I appreciate you sending it so quick, battery life survived a 10 and a half hour flight without dying. I have had no problems with it at all. thank you again
$89.99
Apple iPod shuffle 1 GB New Bright Blue (2nd Generation) [Previous Model] - I own one purchased long ago, thought they would be cheap since they are oudated and hold much less then others out. Even more with less compression and sounding better. Am i missing something? T...
$63.99
Apple iPod shuffle 4 GB Silver (3rd Generation) OLD MODEL - Just purchased an Apple iPod Shuffle, and find out that the only way to add music to this iPod is by using iTunes. When you turn on, you hear a voice saying "Use iTunes to add music to your iPod". Tha...
$0.01
Premium White USB Data / Charging Adapter Adaptor for Apple 2nd Generation Shuffle - I ordered this charger for my Shuffle and when it arrived it did not work. I promptly sent an email to customer service and to their credit they responded right away and mailed out a replacement, but ...
$1.50
For Apple Iphone (3G, 3GS, 4G) / Apple Ipod (Touch, Classic, Nano) New Premium Quality Travel / Home / Wall Charger - This iPod charger functioned for a while, but it is delicate. Even with very careful use, the outer cord covering detached and opened up where it entered the plug that attaches to the iPod.
$219.95
Apple iPod nano 4 GB Blue (2nd Generation) OLD MODEL - It's perfect for me. It fits in my pocket, and I listen to it every day during my commute in and out of work. I don't have to charge it for 3 or 4 days. I listen to it about 2 hours a day so that's...
$129.00
Apple iPod nano 8 GB Pink (4th Generation) [Previous Model] - I had a 4th Gen 8G nano that broke and I was looking high and low to replace it. All I found was the new 5th gen nano that had video which I didn't want. Great little music player, it holds about 500 ...
iPod Nano Silicone Case Package for 4th Generation Skin Cover + Screen Protector + Car / Home Charger / USB and Armband, Nike + Compatible - The reason i bought this package was mainly for the exercise armband so that I could go running with my ipod and I LOVE it. It stays snug because of the elastic and fits around anyone's arm. what I di...
Radiantec FM Transmitter and Car Charger for iPod nano 1G (Black) - This product works great! I bought a cheap one first and had to throw it out. This one is definitely worth the money.
$27.98
Apple Nike + iPod Sport Kit for iPod nano 1G, 2G, 3G, 4G, iPod touch 1G, 2G, 3G -
Since I bought this device my motivation to run is off the chart! It is so wicked cool and fun to use.
I was not a passionate runner before, but now I can't wait to get out there and run ...
Hard Crystal Case for iPod Nano 4th Generation Chromatic 8GB 16GB Crystal Case package with Screen Protector (Nano 4th Gen Mp3 Player not included) - The case was cracked slightly in a small but crucial area when it arrived and for this reason I couldn't use the case. I personally blame the shipping and not the product itself, so I still rate it 3/...
$8.08
USB Data Cable + USB Car Charger + USB Home Charger + Smoke Rubber Silicone Skin Case + Elastic Armband + Clear Reusable LCD Screen Protector - Cheapest and best deal for accessories for your ipod I have found! Protects it well and everything works!
$0.01
Rapid Travel Charger for iPod - Cheap as hell, but it did the job. Just don't expect it to last, it's a piece of plastic.
$17.63
Dock Connector to USB 2.0 Cable for iPod and iPhone (White) - this one works just fine...
plus shipping was lightning fast...

can't go wrong at this price...
$4.48
Apple iPod Charger 3 in 1 Bundled Kit - Home Travel Wall Charger - 12V Car Charger - AV Audio Video Cable - Its my fault, I was too quick to purchase without reading the comments. I wish it had been more BOLD in telling you that the AV cable doesn't work with 5th generation nano. Chargers work fine, and f...
$0.01
4th Gen. iPod nano Sleeve - Clear - It doesn't fit and it won't fit inside the armband so each time I use it to go walking (which is always) I have to remove the plastic case. It's cheap and I guess you get what you pay for. Oh well.
$0.01
Macally Audio and Video Cable for iPod classic 4G, 5G, 5.5G (White) - This product didnt work with my iPod classic. It requires a connection to the bottom using the wide connector, but this offers only a connection through the headphone jack. It was cheap enough so I wo...
$13.03
CTA Digital Rapid Travel Charger for iPod (White) - Because of short cord length on this charger we have to plug it into the wall and place the IPOD on the floor. The cord is 3'8" which is not long enough to even reach an end table that is only 4 inche...
$9.97
Belkin Neoprene Sports Armband for iPod nano 3G (Black/Gray) - I bought this item for my wife's ipod...she had a pink belt clipfor when she went to the gym to workout. She would say when she would run or ride the bikes or pretty much any activity where she had to...
6 in 1 Car Kit for Ipod (Black) Car Charger / Fm Transmitter / Holder Full Range Frequency / USB port / Remote Control for iPod, Touch 1G/2G - Good product that offered me great reception in Philadelphia and the suburbs, but struggled to tune in anytime I was in center city. The device was easy to set up and satechi sent me an extender arm f...
$20.99
CrazyOnDigital 15-Piece Full Accessory Bundle Set for iPod Video Classic 30 GB and 80 GB - The service was good. The delivery time was quick. I haven't had a chance to use all of the included items, but so far am very happy with the purchase. The FM transmitter doesn't work very well. T...
$24.99
15 pieces FULL ACCESSORY BUNDLE SET for iPod Nano 4th Gen - this is a very cheap set, but its practical usefulness isn't too shabby.

pro: * the silicon covers are very durable and fit very nicely
* the headphone multiplier cord is very...
$4.49
Griffin Reflective Case for 80/120/160 GB iPod classic 6G (Silver) - It makes my Ipod look prettier than it already is and it protects it pretty well
5 in 1 Apple iPod Touch 8GB, 16GB, 32GB Silicone Case Package Includes , , , Armband, and Screen Protector - Car charger worked in one car but not the other.
I never used the armband.
The case was just okay.
$38.98
iLive IS208B Stereo Speaker System with iPod Dock (Black) - I got this for my office at work - each morning I plug in my Ipod and charge it while listening to music. The feature I like most is the aux port on the back - I attached the dock for my RoadyXT XM r...
Too low to display
Speck ToughSkin Rubberized Case with Belt Clip for 80/120/160 GB iPod classic 6G (Black) - I bought this to protect my iPod Classic when I am working outside and it is at risk of being dropped. I am very impressed with this case. It is a heavy duty rubber jacket for iPod. It makes the devic...
  1. #1 by Tracey Grady at July 7th, 2009

    Hi, I really like this plugin, and I’ve been looking for ages for an easy option to publish streaming video on my site.

    It still doesn’t appear to be working with IE7. Do you know of a fix for this?

    Also, will you be releasing an updated version which will include a more recent version of Flowplay?

  2. #2 by HanaDaddy at July 8th, 2009

    Tracy Thank you for the comment. I will try to add the latest version of the FlowPlayer soon. I do not recall any issue with IE7. Let me know the URL for with issue.

  3. #4 by HanaDaddy at July 21st, 2009

    Tracey, I believe I fixed the BUG for IE7. Also , I added the new FlowPlayer version 3. Use player=”4″ for the new FlowPlayer. I haven’t updated to wordpress.org site yet, so please download the new Hana Flv plugin version 1.8 from my site.
    Thank you for using my plugin.

  4. #5 by Milly at July 25th, 2009

    Hi,

    Love your plugin!
    Tried to automatically upgrade to 2.0 through WP, but it seems that the zip that WP collects is either corrupt or empty.I don’t get beyond:
    “Downloading update from http://downloads.wordpress.org/plugin/hana-flv-player.2.0.zip“.
    Other automatic updates/upgrades work fine, so it’s not an FTP problem.

  5. #6 by Milly at July 26th, 2009

    2nd thought:
    It might be an FTP problem after all: the zip is too big!
    Downloading and manually upload to install didn’t work either!
    Maybe the players can be offered separately from your website, thus making the basic plugin smaller.

  6. #7 by Milly at July 26th, 2009

    Forgot to mention: unzip to computer and upload the folders through FTP works fine.

  7. #8 by HanaDaddy at July 26th, 2009

    Milly Thank you for using my plugin. I am sorry I didn’t have the time to try this problem myself yet, but you can unzip upload the plugin yourself and this method always works.

  8. #9 by Joe LaGreca at July 30th, 2009

    Your plugin is awesome, thank you.

    I was wondering if you could modify the next version so videos would show up in RSS feeds. Right now my RSS visitors need to click through to my site to see the video. It would be GREAT if they could play the video directly from their RSS reader. Thanks.

  9. #10 by HanaDaddy at July 30th, 2009

    Joe, Sure, I will review the RSS request. It’s actually a good idea. Thank you.

  10. #11 by Newfish at August 6th, 2009

    Is it possible to center the flv player?

  11. #12 by Milly at August 6th, 2009

    @Newfish: just click the “align center” button in the editor [Wysiwyg] when you paste your code in there!

  12. #13 by HanaDaddy at August 6th, 2009

    Thanks for the comment. Use ‘center’ tag to center the player.

    <center>[hana-flv-player
        video="http://yourwebsite.com/wp-content/plugins/hana-flv-player/babyhana.flv" /]</center>
    </div>

    Check out my previous comment on Positioning

  13. #14 by Newfish at August 6th, 2009

    Thank you very much!

    I asked just because my wisiwyg editor inserted … for me. :)

  14. #15 by Newfish at August 6th, 2009

    I mean, p style=”text-align: center;”, not div…

  15. #16 by Newfish at August 6th, 2009

    Another question, the code below doesn’t make flv player play in loop. Could you give me some hints? Thanks. :]

    [hana-flv-player
    video="http://localhost/wp-uploads/2009/07/polar.flv"
    width="480"
    height="300"
    player="2"
    autoplay="false"
    loop="true"
    autoload="true"
    autorewind="true"
    /]

  16. #17 by HanaDaddy at August 6th, 2009

    Newfish , That’s a very good point! I just tested option 2(flowplayer v2) and 4 (flowplayer v3), but found that they loop only once. I am not sure why. But if you use option ‘3′ (Flv player Maxi) it loops alright. For player ‘4′ (flowplayer v3) I think I can fix the problem, but I just can’t find any resources on version 2 to resolve the problem.

  17. #18 by Newfish at August 7th, 2009

    Thank you anyway! I though my configuration is wrong. :)

  18. #19 by Ana Maria at September 8th, 2009

    Hi there!

    Thanks for this amazing plugin, it works charmly! The best player plugin I’ve tried (and, believe me, I’ve tried a load shit of). There’s just one feature i miss on it. It’d be cool of a video URL could be set on the panel seetings, saved on the database and read from there when the blog loads.

    I mean, I use it embedded on my sidebar, so if I want to use a new video, I have to edit the sidebar php file once more and change it there. It’d be nice if it was possible to set it up on the settings section inside the administration page. PS.: widgetizing would not be a solution (to me t least), because it screws up the layout (widgetizing only works good for simples templates).

    Anyways, thanks again. ;o)
    Cheeers!

  19. #20 by Militantplatypus at September 16th, 2009

    I am having some troubles with the CSS for you plug-in. The wordpress theme I am using has the header at the bottom with a z-index of 100, so posts scroll below it as you move down.

    All of my flv movies are overlapping the header. I have tried modifying the jqModaljs file to set the z-index to 50 and I have tried modifying the jqModal.css adding a z-index of 50. Neither of these have worked. Using firebug, I can see a hana_flv_flow_1 div class, but I can’t find it in the css files.

    Can you help my change the z-index of the flv player(s)?

    You can see the install here: http://www.quarterforscale.com/blog

    I am using the mnml theme
    http://themeshaper.com/mnml-a-tumblelog-style-wordpress-theme/

    Thanks in advance, love the player!

  20. #21 by HanaDaddy at September 17th, 2009

    Militantplatypus, Thank you for your great issue report. Fortunately I found some resources in the Internet that can fix that problem. (Link) Actually it worked. So I think I can make the adjustment by tonight.

  21. #22 by Militantplatypus at September 17th, 2009

    HanaDaddy,

    Thanks for the quick response! I look forward to the update!

  22. #23 by HanaDaddy at September 17th, 2009

    OK, I just upgraded to v2.2 which supports wmode = transparent . Basically it will allow overlay of other higer z-index objects. And I have a new website for wordpress plugins.

    Please visit my support forum site for any questions Hana Flv Player Plugin Forum. I am closing the comment now. Thank you everybody!

    Hana Flv Player Plugin Forum.

Comments are closed.

Quick Coupons!
Abe's of Maine: Actually , if you buy a product more than $75, you can use FRIEND10 coupon code to get extra $10 off!