Hana FLV Player v3.0.0 update – HTML5 support

Hello, it’s been awhile. I just updated Hana FLV Player to version 3.0.0 from 2.9.3. Major updates are skin function support and addition of FlowPlayer version 5.2 HTML5 player.

MediaElement.js and FlowPlayer support skin functions and come with few predefined skins. I added ‘skin’ attribute to Hana FLV Player to use those skin functions.

FlowPlayer is very popular for a powerful open source flash player, and now the new version 5.2 is HTML5 player even supports all the browsers. It’s open source but the free version shows a little FLowPlayer logo in the left bottom. But it is very promising HTML5 player and I am sure it will live up to its previous version’s glory. However, I personally prefer MediaElement.js myself for now.

Also, during the search for any customized version of skins, I found one from OneMedia. The author ‘Daniel’ specifically allowed to use for any purpose without any attribution. I really appreciate for it. I included the css and necessary files in my plugin, so you can just use it by using MediaElement.js player and skin name ‘onemedia’. See the example below.

Here are the 3.0.0 changelogs.

  • Updated MediaElement.js player with the latest v2.10.0
  • Added support for the latest FlowPlayer v5.2
  • Skin support for MediaElement.js and FlowPlayer v5.2
  • Added custom MediaElement skin prepared by OneDesign (http://www.onedesigns.com/freebies/custom-mediaelement-js-skin)

Here are the showcases of the included skins.


width="400" height="autow"  
player="5" skin="" /]

width="400" height="autow" description="" player="5" 
player="5" skin="mejs-ted" /]

[hana-flv-player video="http://wpmarketing.org/wp-content/plugins/hana-flv-player/hana_sleding.mp4"
width="400" height="autow" 
player="5" skin="mejs-wmp" /]

[hana-flv-player video="http://wpmarketing.org/wp-content/plugins/hana-flv-player/hana_sleding.mp4"
width="400" height="autow"
player="5" skin="onedesign" /]

FlowPlayer 5

[hana-flv-player video="http://wpmarketing.org/wp-content/plugins/hana-flv-player/hana_sleding.mp4"
width="400" height="autow"
player="6" skin="minimalist" /]

[hana-flv-player video="http://wpmarketing.org/wp-content/plugins/hana-flv-player/hana_sleding.mp4"
width="400" height="autow"
player="6" skin="functional" /]

[hana-flv-player video="http://wpmarketing.org/wp-content/plugins/hana-flv-player/hana_sleding.mp4"
width="400" height="autow"
player="6" skin="playful" 
splashimage="http://wpmarketing.org/wp-content/plugins/hana-flv-player/splash.jpg" /]
  1. Cas says:

    I am looking to have your code work in a custom field in a wordpress post? Cant get it to work, only in the side bar? Any ideas?

  2. HanaDaddy says:

    Hello, Not really sure what you mean by working in a custom field. But you can use [hana-flv-player] shortcode in the text widget.

  3. Cas says:

    Can i Email you the code for my template to show you what i am talking about?

  4. SEO Slammer says:

    Any reason why your 3.1.2 player might not work with WP 3.5.1? Videos stopped playing when I upgraded today.

    Thanks for your awesome program!


  5. HanaDaddy says:

    Thanks for your comment.
    Can you send me the URL of the page that my plugin does not work?

    I will check and let you know.


  6. Megal says:

    I’m using WordPress 3.5.1. and am having a small problem with Hana Flv Player version 3.1.3.
    I like using video player 6 – Flow Player 5 ( GPL ) and it works fine for firefox and chrome but people using IE can’t view the movies. I’m not sure what versions but I using OS XP and can only use IE version 8. Now 25 % of my surfers use IE8 so that is why I thought I would try Video player 5 – Mediaelement.js ( GPL ). Now that works on all browsers but I have no control over the size of the movie player. Now I like to make 1 min clips at 480X320 seeing I am restricted to a 10 MB file size ( that I wish I knew where to change that to a bigger size ) but when I input the demensions, width 480 and height 320 click a skin then publish, the player is always full size of the blogs post area, which I guess is about 600 wide. This makes the 480 wide movie stretch and look all craggy which I hate. Is there something I can do to fix this bug or am I missing something or doing something wrong?

  7. HanaDaddy says:

    Megal, Thanks for using my plugin.
    For Mediaelement.js, if you use responsive theme like “Twenty Twelve”, it is highly likely the video width will always set to 100% to the parent container.
    You can add below javascript to prevent this.

    <style>video { max-width:none; }</style>

    You can add it to the post itself, or theme footer file , or in a text widget.
    For Flow Player 5, I will perform some test and let you know.

  8. Megal says:

    Okay, not sure where to place it in the post so I’ll try before the WxH first and do a trial and error thing.. I’ll look for the theme footer file too. that seems like a better place to put it if this works.

  9. Megal says:

    hmm. so far that hasn’t worked. Maybe I am not placing it in the correct location. Put it in the posting right after the movie location but still going 100%

  1. There are no trackbacks for this post yet.

Leave a Reply