https://github.com/breakzplatform/responsive-embed

:tv: A Polymer element for responsive embeds
https://github.com/breakzplatform/responsive-embed

Last synced: about 2 months ago
JSON representation

:tv: A Polymer element for responsive embeds

• Host: GitHub
• URL: https://github.com/breakzplatform/responsive-embed
• Owner: breakzplatform
• Created: 2014-09-03T20:37:45.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2016-02-04T03:45:17.000Z (over 8 years ago)
• Last Synced: 2024-05-10T18:08:16.478Z (about 2 months ago)
• Language: HTML
• Homepage: http://joselito.pw/responsive-embed
• Size: 2.66 MB
• Stars: 33
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-webcomponents - Responsive Embed

README

        
# <responsive-embed>

A [Polymer](http://polymer-project.org) element for responsive embeds

> Maintained by [Joselito Júnior](https://github.com/joselitojunior1).

## Demo

> [Check it live](https://joselito.ninja/responsive-embed/).

## Installation

Install using [Bower](http://bower.io):

```shell

$ bower i responsive-embed -S

```

or via [npm](http://npmjs.com):

```shell

$ npm i responsive-embed

```

## Usage

1. Import Web Components' polyfill (webcomponents.js)

    ```html

    

    ```

2. Import Custom Element:

    ```html

    

    ```

3. Start using it!

    ```html

    

        

    

    ```

## Options

Attribute  | Options                   | Default             | Description

---        | ---                       | ---                 | ---

`ratio`      | `1:1`, `4:3`,`16:9`, `21:9`                  | `16:9`                  | Aspect ratio of the internal content

## Example:

```html

  

```

## License

[Apache 2.0](http://www.apache.org/licenses/LICENSE-2.0)