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
video-view - Vaadin Add-on Directory
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](https://github.com//Borjagodoy/video-view/blob/v0.1.3/README.md) on 2019-05-10 ]**
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/owner/my-element)
# \
The video view, search play all urls form youtube, vimeo or url with extensions .mp4 or webm. for example:
### Youtube video
```html
```
### Vimeo video
```html
```
### Others video
```html
```
# To Use
Import the component
```html
```
Use the tag component
```html
```
```html
```
## 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](https://www.npmjs.com/package/polymer-cli) installed. Then run `polymer serve` to serve your element locally.
## Viewing video-view Element
```
$ polymer serve
```