1.0.0 • Published 8 years ago

responsive-embed v1.0.0

Weekly downloads
60
License
Apache-2.0
Repository
github
Last release
8 years ago

<responsive-embed>

A Polymer element for responsive embeds

Maintained by Joselito Júnior.

Demo

Check it live.

Installation

Install using Bower:

$ bower i responsive-embed -S

Usage

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

    <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

  2. Import Custom Element:

    <link rel="import" href="responsive-embed.html">

  3. Start using it!

    <responsive-embed>
    <!-- your media content -->
</responsive-embed>

Options

AttributeOptionsDefaultDescription
ratio1:1, 4:3,16:9, 21:916:9Aspect ratio of the internal content

Example:

<responsive-embed ratio="16:9">
  <iframe src="https://www.youtube.com/embed/fCLMI5TCcqg" frameborder="0" allowfullscreen></iframe>
</responsive-embed>

License

Apache 2.0

webcomponentshadowdomtemplatepolymerresponsivemediaweb-componentweb-components
@everything-registry/sub-chunk-2658@infinitebrahmanuniverse/nolb-resp@zalastax/nolb-resp
1.0.0

8 years ago