awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
davatron5000 avatar

davatron5000/FitVids.js

0
View on GitHub↗
4,717 stars·957 forks·HTML·15 viewsfitvidsjs.com↗

FitVids.js

FitVids.js is a jQuery plugin and CSS aspect ratio manager designed to automate the scaling of embedded videos within responsive containers. It functions as a responsive video embed wrapper that ensures iframes maintain their correct proportions while scaling to fit various screen sizes.

The project enables the integration of custom third-party video players by mapping specific CSS selectors to predefined aspect ratio configurations. It also provides mechanisms for video scaling exclusions, allowing specific elements to be ignored via designated classes or selectors to maintain fixed dimensions.

The utility manages cross-device media display through intrinsic ratio calculations and fluid web layout design. It employs a combination of percentage-based padding and DOM manipulation to adjust embed dimensions without distorting the visual content.

Features

  • Fluid Video Layouts - Ensures embedded videos maintain their correct aspect ratio and scale fluidly across different screen sizes.
  • Intrinsic Ratio Padding - Uses percentage-based padding to maintain fixed aspect ratios for video containers during window resizing.
  • Intrinsic Ratio Managers - Uses intrinsic ratio calculations to prevent video embeds from distorting on various screen sizes.
  • Video Player Embeds - Integrates third-party video players into UI components while preserving their original aspect ratio.
  • Responsive Aspect Ratio Wrappers - Wraps video iframes in containers that automatically adjust dimensions based on a defined aspect ratio.
  • Cross-Device Media Experiences - Adapts media playback interfaces for a consistent viewing experience across desktop and mobile screens.
  • Custom Video Player Integrations - Applies fluid scaling to non-standard third-party video players using custom CSS selectors.
  • Custom Video Vendor Mappings - Provides the ability to integrate non-standard video providers by mapping custom CSS selectors to aspect ratio settings.
  • jQuery Plugins - Provides a jQuery plugin that adds responsive scaling behavior to embedded video DOM elements.
  • Third-Party Media Player Integrations - Connects third-party media players to the responsive scaling system using custom selectors.
  • Media and Audio - Ensures fluid width for video embeds.
  • Media Playback and Processing - Responsive video container resizing plugin.

Star history

Star history chart for davatron5000/fitvids.jsStar history chart for davatron5000/fitvids.js

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Frequently asked questions

What does davatron5000/fitvids.js do?

FitVids.js is a jQuery plugin and CSS aspect ratio manager designed to automate the scaling of embedded videos within responsive containers. It functions as a responsive video embed wrapper that ensures iframes maintain their correct proportions while scaling to fit various screen sizes.

What are the main features of davatron5000/fitvids.js?

The main features of davatron5000/fitvids.js are: Fluid Video Layouts, Intrinsic Ratio Padding, Intrinsic Ratio Managers, Video Player Embeds, Responsive Aspect Ratio Wrappers, Cross-Device Media Experiences, Custom Video Player Integrations, Custom Video Vendor Mappings.

Which projects share features with davatron5000/fitvids.js?

Projects with overlapping indexed features include: johndyer/mediaelement — MediaElement is an HTML5 media player framework that provides a unified interface for playing audio and video across… clappr/clappr — Clappr is an HTML5 web media player and plugin-based framework used to render video and audio across different web… woocommerce/flexslider — FlexSlider is a jQuery image slider plugin used to create responsive content carousels and multi-item image sliders.… createjs/soundjs — SoundJS is a JavaScript audio library and asset manager designed to load and play audio across different browsers… adrienjoly/playemjs — ▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo... acconut/polyplayer — Rule YouTube, Soundcloud and Vimeo player with one API.

Projects sharing features with FitVids.js

These projects share indexed features with FitVids.js. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • johndyer/mediaelementjohndyer avatar

    johndyer/mediaelement

    8,297View on GitHub↗

    MediaElement is an HTML5 media player framework that provides a unified interface for playing audio and video across different web browsers. It acts as a cross-browser media API and a multi-source video wrapper, ensuring consistent playback controls and behavior regardless of the underlying file format or source. The framework integrates adaptive bitrate streaming for HLS and MPEG-DASH protocols and allows for the embedding of content from third-party hosting services such as YouTube and SoundCloud. It uses a provider-based abstraction to translate generic playback commands into source-specif

    JavaScript
    View on GitHub↗8,297
  • clappr/clapprclappr avatar

    clappr/clappr

    7,473View on GitHub↗

    Clappr is an HTML5 web media player and plugin-based framework used to render video and audio across different web platforms. It functions as a playback engine supporting adaptive bitrate streaming through HLS and DASH protocols to ensure smooth media delivery. The project is distinguished by a modular architecture that allows developers to extend player functionality and add support for new media formats via a plugin system. It also includes a dedicated controller for managing digital rights management license requests to secure premium content. The player covers a broad range of capabiliti

    JavaScript
    View on GitHub↗7,473
  • woocommerce/flexsliderwoocommerce avatar

    woocommerce/FlexSlider

    4,865View on GitHub↗

    FlexSlider is a jQuery image slider plugin used to create responsive content carousels and multi-item image sliders. It enables the construction of sequential galleries for images and video content that automatically adjust layout and visibility based on screen size and orientation. The system supports synchronized slider layouts, allowing multiple slider instances to be linked so they share animation, play, and pause states. It also provides support for right-to-left layouts and customizable animation directions. The plugin covers interactive content navigation through touch swipes, keyboar

    JavaScript
    View on GitHub↗4,865
  • adrienjoly/playemjsadrienjoly avatar

    adrienjoly/playemjs

    100View on GitHub↗

    ▶️ Streams a list of tracks from Youtube, Soundcloud, Vimeo...

    JavaScript
    View on GitHub↗100
  • Compare all 30 related projects→