Question 1

How to add a custom video player to FitVids.js?

Accepted Answer

Use the customSelector option in the fitVids call to specify iframe selectors for unsupported vendors, like iframe[src^='http://mycoolvideosite.com'], as shown in the README example for custom integration.

Question 2

FitVids.js vs CSS-only solutions: which is better for responsive videos?

Accepted Answer

FitVids.js automates the intrinsic ratio method with JavaScript, handling dynamic embeds easily, while CSS-only solutions require manual setup but avoid JS dependencies. Choose based on whether you need automation or prefer lightweight CSS.

Question 3

Does FitVids.js work with React or Vue.js?

Accepted Answer

No, FitVids.js is a jQuery plugin and isn't natively compatible with React or Vue. You'd need to wrap it in a component or use alternatives like react-player or vue-video-player for framework-specific solutions.

Question 4

How to ignore specific videos in FitVids.js?

Accepted Answer

Add the class 'fitvidsignore' to the video container or use the ignore option in the fitVids call with selectors, such as { ignore: '.mycooldiv, #myviiid' }, as detailed in the README for selective exclusion.

Question 5

What are the known issues with FitVids.js?

Accepted Answer

The main known issue is Vimeo Autoplay API incompatibility in IE11, requiring manual wrapping. Also, some supported vendors like Blip.tv may be deprecated, so check for updates or use customSelector for new platforms.

Question 6

Can FitVids.js handle videos embedded without containers?

Accepted Answer

Yes, by targeting the parent of iframes, such as with $('iframe[src*="youtube"]').parent().fitVids(), as shown in the README to dynamically apply fluid wrapping to videos in general content areas.

FitVids.js

What is FitVids.js?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions