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]

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload flashhtml5-video.php and .js files to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place the .htaccess file in the directory with you videos
  4. Check out the admin panel for useage info and sytax

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.

Contributors & Developers

“FlasHTML5 Video” is open source software. The following people have contributed to this plugin.

Contributors

Translate “FlasHTML5 Video” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.1

  • Corrected readme and added more info to the admin panel

1.0.0

  • Initial Release