This plugin hasn’t been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

FlasHTML5 Video

Description

A WordPress implementation of the FlasHTML5 Video Javascript Library featuring HTML5 / Flash Video with Mobile Fallback. Supported Platforms include:

– Modern Browsers (HTML5)
– All Browsers (Flash)
– Android (HTML5)
– iPhone (HTML5)
– iPad (HTML5)
– iPod (HTML5)

Simply use the following short codes [FlasHTML5][/FlasHTML5], paste in the main parameters from the library function, and the plugin will do the rest. Also, do not forget to add the .htaccess file to the directory with your videos.

An example of the plugin in action and associated code can be viewed here. (All you really need to do is copy the code from the demo page, update the file names, change the sizes, and you will be good to go.

A brief Markdown Example

A WordPress implementation of the FlasHTML5 Video Javascript Library. Simply use the following short codes [FlasHTML5][/FlasHTML5], paste in the main parameters from the library function, and the plugin will do the rest. Also, do not forget to add the .htaccess file to the directory with your videos.

An example of the plugin in action and associated code can be viewed here. (All you really need to do is copy the code from the demo page, update the file names, change the sizes, and you will be good to go.

[FlasHTML5]
useFlashFirst:false,
mobileVideoObject: new HTML5VideoObject(480,192, {"autobuffer":"autobuffer","controls":"controls"}),
mobileH264: new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_mobile.mp4","video/mp4"),
mobilePosterImage: new HTML5VideoImage("http://labs.byhook.com/html5video/telematics_mobile.jpg", 480, 192, "telematics", "No video playback capabilities."),
androidPosterImage: new HTML5VideoImage("http://labs.byhook.com/html5video/telematics_mobile_play.jpg", 480, 192),
desktopVideoObject: new HTML5VideoObject(980, 390, {"autobuffer":"autobuffer","controls":"controls"}),
desktopH264: new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_desktop.mp4","video/mp4"),
desktopAdditionalVideos: [new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_desktop.ogv","video/ogg"), new HTML5VideoAsset("http://labs.byhook.com/html5video/telematics_desktop.webm","video/webm")],
desktopFlashObject: new HTML5VideoFlashObject("http://labs.byhook.com/html5video/player.swf", 980, 414, {"allowFullScreen":"true", "flashvars":"file=http://labs.byhook.com/html5video/telematics_desktop.flv&image=http://labs.byhook.com/html5video/telematics_desktop.jpg"}),
desktopPosterImage: new HTML5VideoImage("http://labs.byhook.com/html5video/telematics_desktop.jpg", 980, 390, "telematics", "No video playback capabilities.")
[/FlasHTML5]

FAQ

How do I use this plugin?

Simply use the following short codes [FlasHTML5][/FlasHTML5], paste in the main parameters from the library function, and the plugin will do the rest. An example of the plugin in action and associated code can be viewed here. (All you really need to do is copy the code from the demo page, update the file names, change the sizes, and you will be good to go.

Where can I learn move about the Javascript Library?

Visit this post for more information.

I have all the code correct, but my browser can’t find the videos?

Don’t forget to add the .htaccess file to the directory with your videos.

Where can I learn about encoding the videos for html5 and mobile devices?

Visit this post for more information.

Changelog

1.0.1

  • Corrected readme and added more info to the admin panel

1.0.0

  • Initial Release

Contributors & Developers

This is open source software. The following people have contributed to this plugin.

Contributors

Browse the code