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
Unalbe to show flash video

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

Top 20 Must Have Gadgets Period (Updated Daily)!!!!!!! ***************

Too low to display
Samsung UN55C8000 55-Inch 1080p 240 Hz 3D LED HDTV - I've been watching the Samsung UN55C8000 for ~3-months now and I enjoy every moment of watching this TV. First thing to do is to hook-up the TV to the internet and update the Firmware. This will make ...
$699.99
Acer Aspire TimelineX AS1830T-3721 11.6-Inch Laptop (Black) - I was so happy to get my new little computer. Lots to love - but I'm totally annoyed since the system has a major issue (it won't completely power off), so I have to send it back to Acer. We'll see ...
Too low to display
HTC DROID INCREDIBLE Android Phone (Verizon Wireless) - Coming as I was from an old Sony Ericsson, entering the world of smartphones is a little akin to leaving the stone age for the 20th century, all in one step. The Droid Incredible (DI) is an excellent...
$450.00
HTC EVO 4G Android Phone (Sprint) - My hubby was trying to convince me to get the HTC Hero for a few months now but I hated that round ball at the bottom so much that in the end he was not able to convince me. Instead he got me the Evo...
$260.93
Garmin nüvi 1390/1390T 4.3-Inch Widescreen Bluetooth Portable GPS Navigator with Traffic & Lifetime Map Updates - I am really please with it . It gets me everywhere I need to go Easy to use !!
Too low to display
ASUS Eee PC Seashell 1201N-PU17-BK 12.1-Inch Black Netbook - 5 Hours of Battery Life - For me this netbook it's all terrain... fast, small, full connective, decent battery life, the biggest screen in his class.
Too low to display
Apple MacBook Pro MC373LL/A 15.4-Inch Laptop - I've owned every "Pro" model Apple laptop for the last 8 years, this is BY FAR the WORST one I've ever had. It crashes, and when it goes flat, it just DIES (like a PC, maybe worse) and I loose all my...
$899.95
Canon EOS Rebel T2i 18 MP CMOS APS-C Digital SLR Camera with 3.0-Inch LCD and EF-S 18-55mm f/3.5-5.6 IS Lens - Wow... Can't make better decision. I have been in love with this Camera. With 18-55mm and 50mm F1.8 lens it turns out to be the great camera with the price. Video... Wowwww..
$299.99
Xbox 360 250GB Console - Hi
I recently bought the new version and instantly liked it. it is great as usual and that glossy look is AWESOME. and more quite... I can't wait till the kinect comes out to play.

...
$119.00
Western Digital TV Live Plus HD Media Player WDBABX0000NBK-NESN - The my unit has a problem playing video formats on my usb connected hard drives, I play all of these files in my other WD Media Player an old model without any problem. But this WD TV live plus media ...
Too low to display
Zune HD 32 GB Video MP3 Player (Platinum) - I love the Zune HD and it's user interface. I own a 32 gig and my two daughters each have a 16 gig Zune. I have a subscription to Zune pass which saves me alot of money, 3 zunes + unlimited downloads ...
$156.54
Apple iPod nano 16 GB Blue (5th Generation) NEWEST MODEL - You have video 640x480 recording, FM radio, go back and forth in a 15 minutes of window while listening to the radio, voice recording (voice memo). I wish I could also take photos but this is not a fe...
$229.00
Canon PowerShot SD1400IS 14.1 MP Digital Camera with 4x Wide Angle Optical Image Stabilized Zoom and 2.7-Inch LCD (Black) - When I looked at "The best ultra compacts" list of the SnapSort web site, I found out this camera as #1 within this category.
I was excited that this small size camera is very popular and has a...
$469.99
Samsung Touch Of Color T260HD 25.5-Inch LCD HDTV Monitor - We bought a refurbished unit from an Amazon competitor last December for considerably less than it is sold here. In any case, while the frame of the first unit arrived cracked, the manufacturer replac...
$222.23
PSPgo - Piano Black - First time that i bought a product that had a problem,after talking with the seller,was instructed to contact sony,at this point deceided to send it back, was informed that there would be a re-stockin...
Kindle Wireless Reading Device (6" Display, U.S. Wireless) - I love books. I read all the time and I read probably two thick books in a week. So I end up spending a lot of money to get the newest releases and such. I got this Kindle for christmas last year and ...
$167.49
Nintendo DSi Matte - Blue - I bought this as a used product, and it looks great and works great. Thanks so much for the fast shipment.
$299.99
PlayStation 3 120 GB - The only bad aspect of this station is that you'll end spending too much time playing games. How much fun depends on the game you buy... I bought the game I like and I enjoy it. However, I preferred P...
Too low to display
Sling Media Slingbox PRO-HD SB300-100 - kind of an impulse lightning deal, im still trying to figure out if i really need this thing. no, i know i dont need this. there are just soo many alternatives that, i imagine, quite a few people alre...
  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!