<fluid-vids> is a web component built on Polymer.js that provides a fluid solution for video embeds.
See the original fluidvids.
<fluid-vids> has a default ratio of 16:9
, so you can omit the width
and height
attributes if your video follows suit.
Include platform.js and polymer.js:
<script src="lib/platform.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html">
Import Custom Element:
<link rel="import" href="fluid-vids.html">
Start using it!
<fluid-vids src="http://www.youtube.com/embed/JMl8cQjBfqk"></fluid-vids>
<fluid-vids src="http://player.vimeo.com/video/23919731" width="800" height="450"></fluid-vids>
In lieu of a formal styleguide, take care to maintain the existing coding style.
- 1.0.0
- Initial release