<fluid-iframe>

Web Components which provides fluid width <iframe>.

Install

Using npm:

$ npm install fluid-iframe

Usage

Import FluidIframe and register it as a custom element.

<script type="module">
import FluidIframe from 'https://unpkg.com/fluid-iframe';
 
customElements.define('fluid-iframe', FluidIframe);
</script> 

Put <fluid-iframe>.

<fluid-iframe
  src="https://www.youtube.com/embed/EqNHSrHzSOU"
  title="Santa Tracker: Out Like A Light"
  aspect="16/9">
</fluid-iframe>

API

src attribute

URL string which will be set as <iframe src>.

title attribute

Title string which will be set as <iframe title>.

aspect attribute

x/y format string will be calculated for aspect ratio. Default value is 16/9.

License

MIT © Shogo Sensui