Skip to content

emielbeinema/paper-video

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

##<paper-video>

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.

Live Example

##Installing with Bower

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>

Styling

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

###<paper-video> - Properties

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 ''
video-volume Sets video volume 100

About

A material design video element for Polymer 1.0

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 100.0%