video-view
The coponent that play videos from youtube, vimeo, mp4 and webm urls
[ This description is mirrored from README.md at github.com/Borjagodoy/video-view on 2019-05-10 ]
<video-view>
The video view, search play all urls form youtube, vimeo or url with extensions .mp4 or webm. for example:
Youtube video
<video-view url="https://www.youtube.com/watchv=G1TS_5ck0nw"></video-view>
Vimeo video
<video-view
url="https://vimeo.com/213100067"
width="100%">
</video-view>
Others video
<video-view url="https://www.html5rocks.com/en/tutorials/video/basics/devstories.webm"
height="200px">
</video-view>
To Use
Import the component
<link rel="import" href="../video-view.html">
Use the tag component
<video-view url="url-video" height="height-box" width="width-box"></video-view>
<video-view></video-view>
Properties
| property | Description | Default |
|---|---|---|
url |
Video url | |
width |
width of the video box | 320px |
height |
height of the video box | 400px |
Styling
The following custom properties and mixins are available for styling:
| Custom property | Description | Default |
|---|---|---|
--video-height |
height of the video box | 400px |
--video-width |
width of the video box | 320px |
TestComponent
Install the Polymer-CLI
First, make sure you have the Polymer CLI installed. Then run polymer serve to serve your element locally.
Viewing video-view Element
$ polymer serve
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#Polymer/polymer#^2.0.0-rc.2
- Released
- 2017-07-18
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent