paper-video is a material design styled video player. It contains a video placed in the top and
controls in the bottom. User can fully customize the controllers and the events.
To install the component with the Bower, just run:
bower install --save paper-video
Example:
<link href="path/to/paper-video/paper-video.html" rel="import">
<paper-video class="custom" controls src="demo.mp4"></paper-video>The following custom properties and mixins are available for styling:
| Custom property | Description | Default |
|---|---|---|
--paper-video-controls-background |
The background color of controllers | white |
--paper-video-controls-color |
The text and icons color of controllers | #595959 |
--paper-video-ripple-color |
The ripple color for all taps on the container | --paper-video-controls-color |
--paper-video-slider-color |
The timeline and volume sliders color | #3367D6 |
The following properties are available:
| Property Name | Description | Default |
|---|---|---|
autoplay |
Playing the video when it's loaded | false |
autohide-controls |
Delay of inactivity (ms) after which the controls fade out — 0 deactivates. |
1000 |
controls |
Enable/Disable the controls | false |
loop |
Playing the video again if it's ended | false |
muted |
Sets video to muted mode | false |
preload |
Loading the video, when the page loads | false |
video-volume |
Sets video volume | 100 |