**[ This description is mirrored from README.md at [github.com/SupportClass/sc-three-stage-video](https://github.com//SupportClass/sc-three-stage-video/blob/v1.2.1/README.md) on 2019-05-22 ]** # \ [](https://www.webcomponents.org/element/SupportClass/sc-three-stage-video) [](https://travis-ci.org/SupportClass/sc-three-stage-video) [](https://coveralls.io/github/SupportClass/sc-three-stage-video?branch=master)  A Polymer 2.x element for playing video assets with discrete enter, exit, and loop parts. ## Motivation Sometimes we have assets that just doesn't make sense to implement purely in code. The asset might be too complex, too performance-intensive, or maybe we just don't have the time. In these cases, we often will pre-render the asset and slice it into discrete `enter`, `loop`, and `exit` parts. ## Installation ```bash bower install --save SupportClass/sc-three-stage-video ``` ## Example ```html Enter and Loop Exit Fast Exit ``` ## How do I make transparent videos like the demo? Some browsers (only Chrome and Firefox at the time of this writing) support an alpha channel in `.webm` videos. However, most tools don't actually have support for rendering or encoding a `.webm` with this alpha channel, so you will probably have to first render out in a format that _does_ support alpha (such as `.avi` or `.mov`) and _then_ encode the `.webm` using FFmpeg: ```bash # This is just an example. There's tons of parameters that you can play with, but this will get you going. ffmpeg.exe -i enter.avi -c:v libvpx -b:v 3000k -c:a libvorbis -b:a 128k enter.webm ```