JarCasting
<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