at the moment the HTML5 support is turned on only for mobile browsers. Right now, we are not thinking on turning the HTML 5 option as the default one, because all the features that we have for Flowplayer work only for Flowplayer and not for the HTML5 video player.
If you like customize your version of plugin, you can add more supported browsers, just add their user agents into the fv-wordpress-flowplayer/view/frontend-head.php on line 8, into the array $aUserAgents.
thanks for testing!
We just did a little research and it seems that Apple modified html5 media support in the 4.2 update of iOS.
It’s great you provided us with details about your iOS, helped with the problem identification. We’ll see what we can do about this problem. Thanks a lot for pointing this out!
Yes, this HTML5 support works with WPtouch plugin.
Regarding your test, you should backup the /wp-content/plugins/fv-wordpress-flowplayer directory, or you can for example just rename that directory to something else, let’s say fv-wordpress-flowplayer-old. Then you can upload this new plugin. When you don’t like it just uninstall/delete the new old and rename the fv-wordpress-flowplayer-old back to fv-wordpress-flowplayer.
Don’t forget to activate/deactivate the plugins as you are changing them.
Well, I took the plunge and all seems to be working great on my Flash enabled computer, and my iPhone and iPad via WPtouch.
Now the only thing missing is to get a image or splash image to appear over the player while viewing on the iPHone or iPad.
If anyone has an Android, I would sure appreciate it if you would test this page to seen if my videos play. On the iPad or iPhone I have to wait for the play buttons to appear over the player, with isn’t too bad, it’s just if I had a splash screen showing while waiting for the play button that would be nice. Here’s the link.
looking into this Android issue, is seems there’s one more thing that can be done on our end – we’re gonna test it.
But Androids seems to we very sensitive to the codecs used, you might want to check this site on the Android device: http://html5test.com/, it will tell you which codecs are supported on that device.
Generally, there’s no codec that would play on every device, which in practice means that you would need two or three different versions of the same video if you want it to play everywhere.
I’ve seen solutions when there were multiple formats for the same video (myvideo.mp4, myvideo.flv, etc) and the format which is suitable is used. HTML5 supports this and it allows to include multiple sources into one video tag ( ‘http://diveintohtml5.info/video.html’ ). This way it is probable that at least one format/codec fits. You can read more about this here: Video that plays everywhere.
Using multiple video formats would be somehow hard to manage within one FV Flowplayer shortcode. Also, you would have to create and upload those videos. At this moment we are not implementing this functionality, we’ll see about this in the future.
“Using multiple video formats would be somehow hard to manage within one FV Flowplayer shortcode. Also, you would have to create and upload those videos. At this moment we are not implementing this functionality, we’ll see about this in the future.”
Oh I totally agree, nor do I want to encode and upload more than one video. Is that what Vimeo and Youtube does? Do they encode more than one video to play on different devices? One for the iPad, one for the Android, one for the iPhone, one for the desktop computer, one for slow DSL one for fast broadband… the list could go on…
Yes, I believe this is what YouTube does with the videos. I assume they do several automatic conversions when the video is uploaded. Just take that you can choose the resolution of the video – so they do have different sizes of videos available.
Also, when watching the video in Safari on desktop computer, it is in flv format, but on iPod/iPad it is in mp4 (flv won’t play).
Well, I’ll be looking forward to see the other possible solution you have that may allow Android and iPhone/iPad view the same video. You guys are smart I know you can pull it off. Thanks for your had work, I’ve done a lot of testing on other similar WP apps to display HTML5 videos and you solution seems to be the best so far!
Maybe you can ask CNN how they do it. It blows me away how you see a small image on their page, tap on it, and it blows up to a bigger size pushing the pages text down making room for it. Then sets there waiting for you to press the play button. Works the same way on both the iPhone or iPad. Very cool! Check it out on this page:
So far this plugin looks great and seems to be working well. One issue with the HTML 5 aspect is with the Firefox browser on Android (v4.0.2pre)- there is a large black box with a “play ” arrow on the bottom of the movie – but the circular play button is still there and does not go away after the video starts. I am assuming that this is a feature of HTML5. Is there a way to disable the HTML5 support until all browsers are equal?
My other question is regarding the width/height of the videos: It would be convenient to set default width/height as percentages rather than pixels? (Rather than having “px” just attached to the end of what is in the options boxes) I know most people may not want this – but it would be very handy when wanting one page show up on mobile browsers and desktops consistently. If you could just point me to the file to edit out the adding of the “px” in the style attribute of the with class=”flowplayer_container” that would be great!
Thanks for the great plugin,
Just to clarify the percentage reasoning – Since my layout is almost all fluid except for the body tag, I would like to have my videos almost always (almost) cover 100% of their <div>’s width at load time and then set the appropriate height value(default height isn’t as important as it would be determined by the aspect ratio).
After doing some testing with it – I see that this will take more to resolve than the percent width. It looks like it would be necessary to add a calculation to adjust the height as well, I didn’t notice the slight skewing before and assumed that height was auto adjusting.
I will rummage through the code and see if I can figure anything out – If you know where the best place to add in some changes, I would appreciate it greatly!
example page: ‘http://onebrownshoe.com/45-2/’ – That is set as if manually set for mobile only. On desktop video is too small (also top/bottom margins are much different on mobile than on desktop for some reason)
‘to disable HTML 5 until all browsers are equal’ – in that case we would never launch HTML5 support – browsers will never be equal, and by enabling HTML5 we’re trying to show the videos at least to those users who are able to see at least something.
About the width and height – you got it right in your second post – that is exactly the problem: that you do not know the height.
The width can be adjusted by percentage, however the height remains the problem as it needs to be defined.
Also for mobile devices, I guess everybody who can watches the video in fullscreen anyway…
Thanks for your comment!
Thank you for your quick reply. I know what you mean about the equal browsers bit – so frustrating when trying to do anything. However, in Firefox on Android the HTML5 bit actually works and you don’t have to watch the video in full screen but it actually plays in the page. That is where the problem comes in RE: the big black box with an arrow and the default circle “play” icon not disappearing when you begin to play the video. (I’m not sure if it matters but I am using wp-mobile-video-player and have 5 different source file formats).
Thanks for your help and have a great day!
The html 5 fallback is working great on the iphone, but I’m getting QA reports that if someone doesn’t have flash (I know) in their browser, there is no prompt to download it, or to let the user know that they need flash. I can reproduce this in firefox but not chrome. (I see the splash and the play button, but it does nothing)
Is adding those lines (from the beginning of this thread):
“If you like customize your version of plugin, you can add more supported browsers, just add their user agents into the fv-wordpress-flowplayer/view/frontend-head.php on line 8, into the array $aUserAgents.”
the only way I have to support, or at least notify browsers that don’t have flash? Do I need to make html5 the default?
Thanks for the great plugin!
the problem here is when you use splash screen. If there is no splash screen used, there is the notification that the flash is not installed. The flash object does this itself. However, when we covered this by the splash image, the notification is not visible anymore.
The only way we can overcome this is to start detecting whether the flash is installed, and then replace the splash screen back with the notification. We’ve been trying to avoid this solution, therefore we have used only the user-agent based method.
If you add more user agents, you can use html5 even in safari or chrome. Or if you decide to use html as default (but this requires some programming skills and understanding of the code) you can use the html5 video almost everywhere. However you have to realize that the html5 video supports only video playback and the splashscreen. Other features won’t work there.
Also it’s good to keep in mind that html5 video does not work in all browsers and with all video formats. So you may run into trouble in browsers such as Opera, IE, Safari or even firefox. Check out this test to see how different browsers support html5 video tag. You will see that Safari and Firefox support completely different video codecs. And this is were the trouble starts – you will have problems to find one video format which can be played for both browsers.
Back to your original question, we will try to think about the problem, on how to notify people they need flash, even when they use splash screen. Be sure I’ll let you know if we come up with solution.
I just loaded FV WordPress Flowplayer from the WP.org plugin site. It is different than the beta version? I need it to play on mobile devices. If the beta is different (as I don’t know if it has been released yet) do I uninstall the regular version and then install the beta one? Will all the same shortcodes still work? I just wanted to make sure before I did anything wrong. site is http://www.lancesfisher.com
Thanks for this beta it appears to work very well. Any chance of making HTML5 the default and Flash the fallback?
Viewing 28 replies - 1 through 28 (of 28 total)
Viewing 28 replies - 1 through 28 (of 28 total)