Description
Standalone JavaScript for fluid YouTube/Vimeo iframe embeds. Add more video players and selectors easily in the media settings.
Description of the Fluidvids script
“Fluidvids is a 1KB standalone module that provides a fluid solution for video embeds. Fluidvids has the ability for custom players to be added as well as support for dynamically injected (XHR/Ajax/createElement) videos.
Check out a demo of fluidvids“
Credits
The plugin can also be found on GitHub.
- Thank you Todd Motto for fluidvids.js
- Thank you Tom McFarlin for the WordPress Plugin Boilerplate
Screenshots
Installation
Installing from the WordPress dashboard
- Navigate to the ‘Add New’ plugins dashboard
- Search for ‘Fluidvids for WordPress’
- Click ‘Install Now’
- Activate the plugin on the WordPress Plugin dashboard
Uploading in the WordPress dashboard
- Navigate to the ‘Add New’ plugins dashboard
- Navigate to the ‘Upload’ area
- Select
fluidvids.zip
from your computer - Upload
- Activate the plugin on the WordPress Plugin dashboard
Using FTP
- Download
fluidvids.zip
- Extract the
fluidvids
directory to your computer - Upload the
fluidvids
directory to yourwp-content/plugins
directory - Activate the plugin on the WordPress Plugins dashboard
Configuration
You can add additional players in the media settings.
Contributors & Developers
“Fluidvids for WordPress” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Fluidvids for WordPress” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.4.1 – 19th July 2014
- Update Fluidvids to 2.4.1
- Fix bug for class names already existing on host element
1.4.0 – 25nd June 2014
- Update Fluidvids to 2.4.0
- Fix bug for comparing width/height attrs
> 1000
- Fix bug for comparing width/height attrs
1.3.0 – 21st June 2014
- Update Fluidvids to 2.3.0
- Add support for videos where
height > width
- Multiple
selector
support and CSS change to unrestrict element type - Add
npm
entry point - Change
apply()
torender()
for better naming - Use while loop for and improved loop perf
- Add support for videos where
- Add option to set selectors
1.2.0 – 1st March 2014
- Update Fluidvids to 2.2.0
- XHR/Ajax content support via new apply() method to requery DOM
- Add AMD support
1.1.0 – 16th December 2013
- Update Fluidvids to 2.1.0
- Fix IE8 bug
1.0.0 – 6th December 2013
- Initial release