HTML5 and Flash Video Player
The html5 and flash video plugin for WordPress allows the addition of video (and other media) to a WordPress website, now you can also watch videos in your iPad or iPod. A full options menu is available with post-level overrides for endless customization. Installation is quick and easy, and no additional setup/coding/php knowledge is required. This plugin is low footprint, creating no tables, and uninstalling cleanly. Provides full support for Html5 Video, skinning the player, integration with Google Analytics, and the capability to display ads from LongTail Solutions.
This plugin uses standards-compliant markup and the leading open source software (Joshua Eldridge FlashVideo Plugin, Jeroen Wijering’s FLV Player and Geoff Stearns’ SWFObject Javascript Library).
Please any problems you might encounter, contact me so I can fix it asap!
1. Download and unzip the current version of the flash video plugin.
2. Transfer the entire flash-video-player directory to your `/wp-content/plugins/` directory
3. Activate the plugin through the ‘Plugins’ menu in WordPress
4. That’s it! You’re done. You can now enter the following into a post or page in WordPress to insert a video:
FAQ
I have activated the plugin, but don’t see the video player. What do I do?
Check and make sure that you have the appropriate hook in your template file for the header: `<?php wp_head(); ?>`
If you are having problems please visit our Forums
[...] TagCanvas – HTML5 Canvas Tag Cloud wird unter der LGPL v3 Lizenz angeboten.Rodrigo Violante´s HTML5 and Flash Video Player ermöglicht es mit Hilfe von HTML5, Videos unter anderem auf iPad oder iPod und einem HTML5 [...]
Very nice plugin, however, I am getting some odd behavior. Plays fine on iPad, but not iPhone 1 or iPod Touch. Also, does not always size correctly on page refresh.
Thats because of the resolution of the iPhone, it cannot play videos bigger than certain size. I can not remember it right now, but you should check the resolution of the video.
Hi there ~
Hoping you can help me?
I’m storing our videos on mediafire.com, and trying to use your plugin on our wordpress site.
Is this the correct way to do the code”
[videoplayer file="http://www.mediafire.com/?k2oyyotjyjd" /]
I can’t seem to get it to work.
Thanks!
Cynthia
It should be to the direct file name, I am sure that mediafire with that url makes a redirect and thats why its not working. If you have access to your ftp I will upload it to your own servers.
Or maybe you can get an unlimited hosting at godaddy, its around 10 dolars per month.
I just uploaded it to our own server and used the correct link. Perhaps this is the problem… our video guy saved it as an f4v. Is this correct? Or was it a typo?
Here’s the link I’m using now
[videoplayer file="http://www.darrenlacroix.com/video/DarrenWelcomeVideo.flv" /]
I changed it to flv and it plays fine on my desktop, so there’s something else keeping it from working online. Any ideas?
I will suggest you use mp4 files instead of flv, that way if a user connects through an iPad or iPod it will play the video.
I’m having a problem getting the plugin to work. Here’s the tag I am using in my post: [videoplayer file="http://www.mywebsitename.com/wp-content/uploads/KaisaBackFlip.mp4" /]
On my iPhone I get a video box, but the video not playable icon in the middle. When I load the post with the video in Safari 5 (Mac) I get no video box. I’m using GoDaddy Linux hosting, if that makes a difference. Am I doing something wrong?
Can you please give me the URL of your page to check it out. The video player works this way:
1.- Checks if you have flash, if you have flash it gives you the flashplayer.
2.- If there is no flash player it gives you the video player in HTML5.
On the iphone issue whats the resolution of your video, because the iphones do not support some resolutions.
Please let me know!
Wow great job.
Is it possible to create playlists for the html5 player?
If so how?
Also for some reason cannot get this to work on firefox.
Only Safari and Chrome.
Ill check it on firefox. and let you know
I just updated to Version 1.2 please let me know if its working for you now.
OK i see firefox only supports .ogg, which won’t play on anything else. Maybe a browser check for firefox that loads the flash player instead?
Have you tested it with WP 3.0 ?
I cannot seem to get it to work, I have installed the plugin, activated it added the following link to a post. (This is running internally in my network)
[videoplayer file="http://apchange/wp-content/uploads/2010/07/Export-Cert.mp4" /]
In the post I cannot see anything at all.. I have tried with the default 2010 theme and Mystique 2.4.2
If you see this WP is 3.0 and its using the same plugin. I will take a look at it. Fil just told me about a bug I will be fixing it asap.
It seems there was a bug, I just updated it, can you check again?
After I installed 1.2 it seems to work perfectly…
Thank you for your quick response
Found the issue why the flash player doesn’t initiate on fall back.
flash-video-player-html.php
needs to be modified to line with incorrect folder location.
line 88 change to:
echo ” . “\n”;
line 245:
$output .= “\n” . ‘swfobject.embedSWF(“‘ . $site_url .’/wp-content/plugins/html5-and-flash-video-player/mediaplayer/player.swf”, “video’ . $videoid . ‘”, “‘ . $saved_options['Video Size']['width']['v'] . ‘”, “‘ . $saved_options['Video Size']['height']['v'] . ‘”, “9.0.0″,”‘ . $site_url . ‘/wp-content/plugins/html5-and-flash-video-player/mediaplayer/expressinstall.swf”, flashvars, params, attributes);’;
sorry that didn’t post right.
basically change the folder from
/flash-video-player-html5/
to the new correct location
/html5-and-flash-video-player/
on lines 85 ans 245 (x2)
Thank you I will updated it ASAP and upload it. Thanks again.
I think it needs more work.
In fixing the fallback method the html5 no longer works.
it always goes to the flash now.
i suspect somehow the script to check for html5 files is being defeated by the call for flash.
if you leave the flash part broken then the html5 works.
hope you can work it out as it seems very close.
What I do is this logic, if you have flash, I pickup flash, but if you are using an iPad or iPhone it will use by default html5.
I can maybe do a fix, but I still think its more sweet to use Flash still than HTML5. The design is not that good yet.
I see, this makes perfect sense.
Thanks again and good work.
I am still working on a nice HTML5 Video player, which if it works I am gonna replace it for flash.
What is the difference between your HTML5 and Flash Video Player plugin and Joshua Eldridge’s Flash Video Player plugin?
Joshua Flash Video Player is only flash, mine has support with HTML5, for example if a user does not have flash or wants to watch a video through a mobile device without flash.
And you know, these days we get tons of visits from mobile devices.
Thanks for explaining.
Hi, I really like your plugin, thank you so much.
But I would like to ask you something, do you have an idea why the buffering is so long?
This my page test:
http://www.karate-goshindo.com/wpk/?page_id=151
Thank you for an answer and your job!
Vphan
Just one more thing on my Iphone 3gs and Ipad, the buffering is very fast, but on Safari and Firefox Mac, it’s very long…
It tells me video was not found or deleted. The buffering is server / client thing, nothing to do with the flash.
The original mp4 is 37 Mo
Try with this video: http://www.rodriev.com/wp-content/uploads/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4
All my mp4 files play fine, I have no clue why yours does not play good
On your computer is it long buffering too? (is it a pc or a mac?)
Your link point on a embed mp4 in html5 code? this version works fine, but how about a flash player version video?
Do you have the 1.2 version? Just add [videoplayer file=http://www.rodriev.com/wp-content/uploads/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4 /] and check if it works, Its really slow buffering in your server thats why I wanted to test with my mp4 video.
The link you just send me open fast, it is in html5 but all your video “En los Medios” in your homepage are as slow as mine and are played with flash player..
Your plugin is the best solution I have found, because the video can be read on every mobile device and on a desktop computer the source video cannot be saved.
Thanks for your answer….
My videos “En los medios” are really long videos that might be a factor of the slow, but all on the homepage are quite similar, I will check into the Video Player but its JWplayer its really good one, I will find better options.
I have remarked that the video is completely loaded before playing, that’s why it’s so slow.
I’m on WordPress 3.0
I have found the solution!!
Your plugin is perfect, it just encode my video and it works perfect now!
Thank you for your plugin!
Video works great! Is there a way for it to play audio files? Specifically an m4a file?
I have not really look into audio files yet, but that might be a nice upgrade.
I’m able to play the videos on ff, safari and chrome but they don’t play on an ipad. i get a black box with a crossed out playbutton. i tried to point to your video from a couple of posts back and that actually plays fine on the ipad. but none of my files thatb are on my server play on the ipad. any ideas why this is happening?
What enconding are you using? It has to be no h264 video encoding so you can playthem on the iPad or iPhone.
If you using a mac I will recommend Handbrake software or King Video Converter, please let me know if you have any other questions!
Yes they are encoded as h264. I even did a save as on your video – http://www.rodriev.com/wp-content/uploads/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4 and i get the same problem with your video when it’s on my server. but if i just like to it from the post, it works fine.
Maybe thats something you want to check with your hosting company. It looks more on their side than on the plugin. Since you tested it the same video in 2 different servers.
Great plug in!!!
I got it working perfectly on my blog. One thing I can’t figure out. How do I have a video image showing on the player before movie starts playing?
I have the image in same directory, how do I name it?
Thanks for your help,
just add the image= parameter. Let me know if it works.
Ooops, that was easy. GREAT!!!
This is sooo simple to use and that’s exactly what I was looking for. Functional player to play m4v’s. I’m not a fan of FLASH at all. It’ll disappear soon from the face of the earth.
THANKS!!! GRAEAT JOB!!!
I am working on improving the HTML5 Video Player, hopefully soon I will have a nice update!
Glad you like it!
Awesome plugin! I have a sizable mp4 video I’m playing (40mb), and it takes a while to load before playing. Is there a way to stream the video, or start playing as the video downloads?
Thats made automatic depending on your BW, its a calculation flash does or HTML5. So it wont necessary take that long to other users.
Here I have videos of more than 300MB and start playing right away.
Thanks for the quick comment, and that’s what I was hoping, but it doesn’t seem to be working that way. I’m on a 15 megabit connection, and the video still takes a couple minutes to start. Once it starts playing however, I can click to any point in the video timeline and it will play immediately, which can only be because the entire video has been downloaded…any ideas? Does it have to do with the file format (mp4)?
I just tested your videos, and had distinctly different experiences. Your “childhoods” video took a very long time to load – apparently downloading the entire video before playing. Your “designs should not dominate” video began playing immediately, and you could see the video loading in the progress bar while it was playing. These 2 videos must be in different video formats on your server…can you confirm?
They are all the same setting, I have not experiences that have you try different browsers?
yes I have tried firefox and internet explorer. when I click on the first 3 videos on your page at the same time, the first video does not play until it is fully loaded, and the second 2 begin playing immediately.
Is there a way to call the plugin inside a template, using PHP instead of shortcode?
havent done anything yet, I can sure work on a function like: videoplayer($filename,$params);
Why do you want it through PHP?
Hi, Thanks for your reply.
I’m having problems with the shortcode because the video gets placed inside a tag, so it makes the post look messed up in my theme, and it even looks different in different browsers.
I’m trying to use a custom field and then use the function in the template file.
Just to clear up that the video is placed inside a paragraph tag \
have you try to modify the video settings like height, width etc? Maybe that can help.
Alright, I’ve looked at your source code and noticed all your videos are in mp4 format. So, what could possibly explain why your “childhood dreams” video takes several minutes to load before playing, and your “tshirt war” video begins playing immediately and loads while it is playing. They appear to be the same file type, and same exact settings, so why in the world does one play while loading, and the other loads before playing?
Of all the videos I’ve tried on my site, they have all loaded completely before playing.
ok now it’s working but wont play until the file loads if mp4 on desktop version but plays few seconds on ipod . if i use flash it plays fast like normal. i don’t know. wordpress needs to have this stuff all built in. grr
ok i posted this in the forums but when i try to activate the plugin i get this.
Fatal error: Cannot redeclare flashvideoplayerplugin_widgetregister() (previously declared in /home/dorehq/public_html/tonybonesxxx.com/blog/wp-content/plugins/flash-video-player/flash-video-player.php:48) in /home/dorehq/public_html/tonybonesxxx.com/blog/wp-content/plugins/html5-and-flash-video-player/flash-video-player-html5.php on line 53
You have the plugin duplicate it, please delete both of them and resintall it, let me know if you have problems
Flash Video Player
Simplifies the process of adding video to a WordPress blog. Powered by Jeroen Wijering’s FLV Media Player and SWFObject by Geoff Stearns.
Deactivate | Edit
Version 5.0.4 | By Joshua Eldridge | Visit plugin site
thats not by you though or is that the conflict?
ok it seemed to fix it. now with the call of [videoplayer file="video/video.(mp4, ogg, webm" /] don’t we add flv?
another thing would this be the syntax?
[videoplayer file="video/http://tonybonesxxx.com/blog/wp-content/uploads/2010/08/avn10.(mp4, flv" /]
or will this work?
[videoplayer file="http://tonybonesxxx.com/avn10.(mp4, flv" /]
Hello Tony, you can user .flv without a problem but if you use a .flv the html5 wont work, since its flash, and when you visit with a mobile device you wont see anything else.
ok im getting confused here
With Html5 Video && Flash Support
[videoplayer file="video/video.(mp4, ogg, webm" /]
video/video? if i want html5 what is the proper syntax? and the () is it one or multiple files? when i use the .mp4 it loads then plays. i export in adobe encoder CS4
i save it as ipod large 640×480
That means the formats, actually I just recommend using mp4 files it will be easier for you. Since its compatible with ipod/ipad/iphone and also with flash, so you will only use 1 file
i export with premiere pro using the h.264 codec so why does it play after it loads? is there a setting in the config area to fix that? should i do ti all in quicktime? will you support the .m4v soon?
Hi Tony.
I installed your plug-in and was able to get audio to work but no video.
The file I created was a .mp4
Any suggestions?
Actually I am Rodrigo
but I suggest you check the encoding, what software you use to encode your videos?
So sorry about the name mix-up Rodrigo.
I may be in above my head a bit.
I was trying to take a .mov file and using Quicktime Pro, export it as a .mp4
Will that not work?
What operating system you have, HANDBRAKE is greate or king encoder also its great for this kind of stuff. if you are using a mac
Hi Rodrigo,
For me the videos always show as Flash. I tried in Safari, Firefox, and it doesn’t work on my iPhone.
Using WordPress 3.0.1 with Plugin version 1.2
I’m using your embed code:
[videoplayer file=http://www.rodriev.com/wp-content/uploads/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4 /]
Also, how can I remove the JW Player logo? I ticked the option in the admin panel but it still shows up.
Thanks!
Videos for the iphone need certain resolution that I am not using. You can check it on your iPad and it will play just fine, right now I have it this way:
If you have flash, it will show it with flash, if you do not have flash and support html5 it will play with HTML5, I will in a near future allow to select only html5 once I finish some coding on the HTML5 video player.
Hi Rodrigo,
Thank you so much for making this great plugin, its awesome.
I have a suggestion for NOOBS like myself that don’ know to much about code.
I had a difficult time getting the video to work because I didn’t know exactly what to
type in.
In the installation instructions it would be nice if you could show an example of the
code to put in.
With Html5 Video & Flash Support
[videoplayer file="video/video.(mp4, ogg, webm" /]
This is an example of the code you would post on your website
[videoplayer file=http://www.rodriev.com/wp-content/uploads/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4 /]
I would also like to know exactly how to add the image onto the post so the video shows an
image rather than just being black. I know you posted this information (just add the image= parameter) but I don’t know where to put this code.
I would really appreciate if you could post the example code to put the image on the video.
Thanks again for a awesome plugin.
I will work on a better explanation but all thos parameters go inside the videoplayer tag
[videoplayer file=http://www.rodriev.com/wp-content/uploads/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4 image="http://link.to/image.jpg" /]
Hi Rodrigo,
Looks like a great plugin! Having a challenge getting it to work on any ipod/ipad/iphone but works great on chrome and ie with flash. When viewing it on an ipad it shows the image file but has a broken video play button. Same on the ipod and iphone. It’s an mp4 file created in camtasia and I’ve been able to play these files on my ipod previously (copying them directly). The tag I’m using is:
[videoplayer file="http://www.mysite.com/members/wp-content/directory/videofile.mp4" image="wp-content/directory/picturefile.jpg" /]
I also tried the link using your video above and it also showed a broken video player on the ipad, ipod and iphone. Your video plays fine in flash on chrome or ie.
Running WP 2.9.2 and latest version of your plugin (just downloaded today).
Any suggestions? Thanks much!
Mark
Everything seems fine on your tag, check this with your iPad I had no problem loading the video, try this line and check it it works
http://www.rodriev.com/2010/05/30/lo-nos-motiva/
[videoplayer image=http://www.rodriev.com/wp-content/uploads/2010/05/Screen-shot-2010-05-30-at-2.09.23-PM.png file="http://www.rodriev.com/wp-content/uploads/2010/06/RSA_Animate_-_Drive__The_surprising_truth_about_what_motivates_us.mp4" /]
Do you know if there are any issues with using this plugin in wp-mu?
Not that I am aware of
are files stored in a secured server supported? I mean using http vs https?
It does not matter
Hi Rodrigo, nice plugin, congratulations
I have some doubts about how your plugin works.
This is my first doubt
You mentioned to zhinkle next.
The video player works this way:
1.- Checks if you have flash, if you have flash it gives you the flashplayer.
2.- If there is no flash player it gives you the video player in HTML5.
so, if my browser doesn’t have the flash plugin installed, the html5 should work instead flash?
I’m on ff 3.6.8 and I removed the flash plugin from it, but I just cannot see the videos (this is my site https://spark.myworldgroup.com/)
This is my second doubt.
I already installed your plugin in my wordpress site (https://spark.myworldgroup.com/), but I have problems when my videos come from my own site.
I mean, I created a post with this content
[videoplayer image=http://www.rodriev.com/wp-content/uploads/2010/05/Screen-shot-2010-05-30-at-2.09.23-PM.png file="http://www.rodriev.com/wp-content/uploads/2010/06/RSA_Animate_-_Drive__The_surprising_truth_about_what_motivates_us.mp4" /]
it works on iphone and ipad
and I created another post with this content.
[videoplayer file="https://spark.myworldgroup.com/files/2010/07/T-SHIRT_WAR____stop-motion_music_video_.mp4" /]
as you can see, the video lives in my own site, but it doesn’t play on iphone and ipad neither.
Any clue about what I am doing wrong?
the https and http make any difference for your plugin?
thanks in advance, hope you can help me
Renato Cano
I am sure it has to be with the encoding you got, since everything works fine, , https or http is the same, I would not use https for a file like that it has no sense at all you use the https for sensitive information only.
I suggest you check apple guideline for coding videos. Also be sure they are in h264 codec.
Hello Rodrigo,
Firstly, Thank you for your hard work on this plug-in.
I am trying to get video to play on FF / Chrome / Android phone.
The videos you have posted on your main page do not work on Android.
mp4 will work on android. I have this code working on android and iphone and Chrome – using javascript:
but of course, Firefox does not support mp4, and that is why I was so interested in your plugin.
Is there any adjustment that can be made to your code that will enable the mp4 to play on Android also? As I said, when I call up your page at http://www.rodriev.com on my Android phone, the videos do not play.
Thank you so much for your help,
Jennu
I will have to download an android emulator for my mac, but I think android has flash enable, did you enable it?
I do not have froyo 2.2 on Android. The older androids don’t have flash capability – but will play the mp4 format same as iphone.
It might also be the resolution, I am using high res mp4 videos, that can play fine on my ipad because it supports up to 720p videos, but you can check the resolutions I am also sure old iPhones wont play the video onlye the new iphone4
When I posted it took out my javascript code.
My site is http://www.jennuw.com and the first post “vid test” is where the code is located.
Thanks!
[...] I tried HTML5 and Flash Video Player by Rodriev. I thought I had really found the solution – it only requires one video in mp4 format and [...]
Feature Request: And this would make a fairly completed plugin…
Can you add a TinyMce button to embed the code for the desired file into the WP Page where the cursor is?
Also in the embed url box, allow to choose from the media location within the blog, or off ones computer and upload it to a folder on the server.
or… paste a url from where the file resides.
Different player features, such as 1st & maybe last frame (if possible), skins, size, etc… should also be able to be inserted at this point. This would simplify getting the syntax correct for many people.
It would for me
Thanks
Davekat
Hey again. Well, I’ve tried the code with a thousand different video files, and cannot ever get it to do “progressive downloading” – as in – it always downloads the whole video before playing. It never plays right away. Does it have anything to do with my web host? Does it have anything to do with file encoding settings? My internet connection is a super fast 15mbit connection so that’s not the issue. Other people around the country have tried as well with no success. What can I possibly do?!?
Have a look for yourself –> http://www.legalvideospecialistsweb.com/recent-projects
Try to play any one of those videos to see what I mean.
Thanks for your help!
wow thats really weird, I just checked ypur page and have the same problem, have you try with my videos link?? Maybe it can be your hosting or apache settings. Try with one of my videos.
I don’t know what I am doing wrong I have direct link to the video file which is stored locally. I see that the path is correct and the video is there, but the player keeps returning “Video not found or access denied:0″
This is my path to the vid…
[videoplayer file="http://example.com/blog/wp-content/videos/internet_marketing.mp4" /]
Please let me know what is wrong.
You should check your folder permissions.
Hey Rodrigo,
Yes, your videos work fine for me. So what could be the problem with my hosting or apache settings? What kind of settings should I tell my hosting company to look for?
Thanks!
I think it has to be your hosting. try it with other files on different websites, or even upload my videos to your page.
[...] Plugins | Rodriev (tags: wordpressplugins html5 video flash player) [...]
@lothariorowe: 1st please check that you encodes are “web enabled”. Not sure what encoder you are using, but as mentioned previously Handbrake works exceptionally well in creating HTML5 compliant video. However, for it to STREAM you must check the box for Web Optimized. It is near the middle of the main screen about 1/2 way down under Output Settings. Other encoders may do this differently.
I have made multiple 2+ hour encodes that begin streaming immediately using the High Profile setting, saving as either .mp4 or .m4v. Also must ensure the video is .AAC of course, but that has nothing to do with streaming (as far as I can tell) just audio codec compliancy.
@_Rodrigo: I think it’s been asked, but any idea on how to create a playlist? On the jwplayer site it shows by adding to the header, but any way to do it per video? Thanks for a great plugin!
I will work on this, right now I am working on HTML5 only videoplayer with flash option.
Hi,
First of all, great plugin. I have a couple of questions regarding using multiple formats. I have a piece of video in OGG, MP4 and WEBM and am trying to use the declaration on a wordpress page to call the video. It does not seem to be working. This is how I am declaring it…
[videoplayer file="http://vindicogroup.com.s95502.gridserver.com/wp-content/themes/vindicogroup/video/vg_site_cust_serv_1.(mp4, ogg, webm" width="898" height="200" controlbar="none" autostart="true" /]
Am I wrong to assume that it will try each one and then use the correct format based on the browser being used? Is something wrong with my syntax?
What does work is if the source links to one type of file only, but not to all of them. This, however, does not allow it to play in different browsers from my testing.
I’d also like to know if there is a looping parameter that can be called since the video is meant to be on a continuous loop.
Thanks in advance.
RRD
I have not try on a loop feature, but it should only use 1 extension.
Hi – I’m currently experimenting with a few plugins to play video across as many platforms as possible, and your one is coming out best so far for simplicity and actually working.
One question so far – is there (or can you add) a parameter for preloading the video? This is one thing that other plugins seem to have. I would like the option of loading the video when the visitor first comes to the site so it’s ready to play without any delay.
Thanks.
There is a feature on the options to always load the video by default.
I just installed the HTML 5 video plugin and the sound works and it shows the player, but it doesn’t show the video. Please help!
what videofile are you using?
So,, I tried using your plugin,, and all seems fine untill I try to load a youtube video (plays ok on computer) and watch it on the iPad. There doesn’t seem to be a fallback support for YT videos.
Thats true, never though about that. I will work on something
[...] のようにスマートに動画が切り替えられません。Flash Video Player with HTML5 は、H.264 [...]
Hi Rodrigo,
Great plugin! I do have two questions for you though:
1. How can I get this plugin to play a video in my wordpress sidebar? Can you tell me what the code for that would be that I could enter into an HTML text widget? Or whatever other method you might have in mind?
2. Is there a parameter to set an introductory “splash” image. So the video shows this image before a viewer hit “play” so watch the video? What would the code be for that?
Thanks so much!
I have never test it on sidebad, did you try with the default code?
There is a intrductory splash image, just use the tag image=”url to the image”, go to the parameters section where hyou can see all the options
Hi. Happy new year!
I have the same question. How to use the widget given in the plugin (“Flash Video Player 5″)? There is no field to put address of the video…
@Rodrigo
Can you tell us what profile you are used for the h.264 sample video you suggested for testing above – T-SHIRT_WAR____stop-motion_music_video_.mp4?
(Read on profile’s here: http://en.wikipedia.org/wiki/H.264/MPEG-4_AVC#Profiles)
As you noted, the t-shirt war video works on iPhone4. Apple tech specs say the iPhone4 and iPad support the “Main” profile where iphone3G and iphone3GS only support the “Baseline” profile.
In other words, an h.264 encoded .mp4 will play correctly when viewed in the flash player, yet playback in HTML5 won’t work on specific a specific device version as it will depend upon the profile used when the video was encoded.
So even though people are using the h.264 codec, I’m wondering if some of the problems people are having with iPhone playback might be due to having videos converted using the “Main” or “High” profiles.
Just use the ones on Apple.com tell you to use, it all depends on how mobiles many you want to reach, I use everything 720p just because I like high res videos
Hi!
I’m having 2 problems with this plugin.
1. How do I style it with CSS? What tags should I be using?
2. The videos are played with the flash player in Chrome, but they are played with the html5 player on my iPhone?
Thanks in advance!
Great plugin, but I’m having problems getting the HTML5 to play using the new version of Chrome (v8) when I disable plugins. It was working before but not now. The Flash version will still play, but not HTML5. I get a plugin-disabled icon. Safari is still fine for both.
Anybody else having problems with Chrome 8 and HTML5?
Actually there is also one small issue with Safari. The Flash version works perfectly, and the HTML5 version works well, but when I go to full screen with HTML5 the aspect ratio changes to 16:10 more or less, while the actual ratio is 16:9. But that’s a minor problem. I have included the video dimensions in the code as per the instructions.
Gracias por todo el trabajo. Aparate de esos problemitas, funciona muy bien!
Rodrigo,
Your plugin is fantastic, but I have some questions – does this provide a format for Android phones? My video (*.flv) is visible in IE but not on my Motorola Droid – what can be done to make it visible on both interfaces? Thank you!
Eric G.
Quick question: I’m trying to understand what would the Worpress code look like for using two different video files with both Html5 Video & Flash Support. Flash video works fine, but I haven’t been able to get the html5 to work. I’m sure it’s how I’m entering the code.
filenames are: video/videotest.flv and video/videotest.mp4
Could you show me how to properly write the code so that they both work as necessary. That will help me get the concept.
[videoplayer file="video/video.(mp4, ogg, webm" /]
Thanks!
Just wanted to thank Rodriev by signing up. Works perfect. @ GreatDivide – a lot of the code that Rodriev uses is basically a fetch script that re-writes the code in the way JW Longtail’s FLV Player specifies. FYI they tell you how to do everything in HTML manually. Knowing this, you can easily see that the HTML5 implementation comes through a long series of checking scripts – which is one of the reasons I did not make this plugin Rodriev did – but attempted to do it using an older FLV version I had that was Licensed (Without paying for a new one just to do additional features such as LOGOS, About, etc). FYI if you tried it on newer FLV players from Longtail – this is impossible to do without buying it and them sending you an “unlocked” player which utilizes all the said codes.
The way to use the code is as follows: [videoplayer file="video/videotest.flv"/]
@GREATDIVIDE But note: if you use FLV – this codec is UNSUPPORTED by devices, hence making this plugin useless – why not just use the Original FLV Player in this case by Jordan Elridge and not complicate it with HTML5 details?
@ Rodriev: thanks for not being lazy and being a cool guy that did this. A lot of companies are charging a lot of damn money to make this happen….
@ Rodriev PS: If any of your users complain about slow-loading of MP4: do not tell them it’s the server or apache settings. It most likely isn’t. It is simply their file-type. I saw you told them to try using your file: which was very smart. Using your Youtube-grabbed files (Such as the one with the people and their shirts changing) with a lower encoded bitrate, plus a webstream optimized webheader is great.
NOTE For others: Adobe Premiere Pro makes it horribly useless trying to make MP4′s that are supposed to be “Fast” requiring not Kbps but literally Mbps for quality to look good from their ENCODER for H.264.
Hence…you must use flash and convert to MP4 using an outside converter (google these) and you will find you have “progressive downloading” a term used where you can view a video before it fully downloads….
THIS IS NOT TO IMPLY you can “SCRUB” through the video freely like you do on Youtube. That is completely different, especially considering your files lack “KEYFRAMES” necessary for this to happen, or going from FLV –> MP4 it lacking keyframes. Note: Adding keyframes into MP4 H.264 containers is not recommended – as this causes jerking but moreover a phenomena where HTML 5 refuses to play it due to the awkward keyframe headers.
[...] HTML5 and Flash Video Player [...]
Where is the webpage that shows us all the short codes we may use. For example width=”" height=”" etc. I know image=”" but what about a description of the video. will it be description=”"? Thanks John.
[...] Rewind, Pause Through the Internet! Click here!HTML5 and Flash Video Player WordPress PluginsHTML5 and Flash Video Player Plugins RodrievFrom Snow Throwers To Lawn Mowers To Trimmers And Cultivators Snowjoe.com Has It All- Buy Now And [...]
Hello there – can anyone confirm if this works for WordPress 3.1? I’m getting odd results. The video plays fine in web browser, but not on iphone, ipad, nook.
Hi Rodrigo,
Is the html5 property still being supported? I am using the code as follows…
[videoplayer file=video/video.flv
html5=video/video.mp4
provider=video
width=260
height=200
image=image/startImage.jpg /]
Works great in the browser, but no luck on the ipad. BTW I am using this within WordPress 3.1.
Thanks!
Hi Rod,
Have been excited about your plugin but ran into trouble.
I am testing your WordPress plugin using Bitnami to simulate WordPress on the web (as I have not finished designing yet). I am using :
[videoplayer file="http://localhost/wordpress/wp-content/uploads/2011/04/Peepli Live_Nattha Comedy.mp4" /]
inserted under the HTML tab of a page. The video player shows up but nothing plays. Can you please tell me how to get things going right? Thanks.
Also : Is there a way to control the playbackrate in your plugin?
How to change skin? please tell me asap
got it thanks..i am kind of new with wordpress
so how did you change skin? or did you use the skin that is already there ?
hi, i want use your lovely plugin, and i have a problem. shortcode work on editor, but i want use this code:
ID, “video_link” , true); $link=’[videoplayer file="'.$link.'" /]‘; echo do_shortcode($link); ?>
and final result is just printing shortcode text, help me please, thanks so much
how to change skin? I want to have a skin from longtail, but they only have .zip file..how to get the file that is needed for this plugin to change skin?
Any suggestions on how to get this plugin to work in the comments section.
I’ve tried adding this code to the functions.php with no luck:
add_filter( ‘comment_text’, ‘shortcode_unautop’);
add_filter( ‘comment_text’, ‘do_shortcode’ );
hey awesome plugin! just wondering if there was a way to use this in the php template instead of a post, the reason being that i want it on my homepage and archive pages. Thanks so much!
Hi, great plugin!
I’d like to know a few things:
From reading this comment list, I have to encode my videos, so that they are web optimised, this will then mean they start playing straight away, is this correct?
My file path is [videoplayer file="http://websitetest.surpassplatform.com/video/Slide1.mp4" width="980" height="400" controlbar="none" autostart="true" /] ( you won’t be able to view the address as the site is locked down)
However the autostart doesn’t seem to work. The play bars still seems to be there as well, on iPad and normal browser.
I’m wanting it as part of a banner, so as soon as the user loads the page, the video plays, without the scrubber and play button etc.
I am trying to use it in a slide deck, have you or anyone had any success with this?
Do you know how to remove the jwplayer icon when viewing in a browser, ( I hope this is actually your plugin that does it, sorry I’ve tried that many video plugins, my brain is fried!!!)
Any help you can give me would be much appreciated.