Contact us Create app

Directory

← Back

video-view

The coponent that play videos from youtube, vimeo, mp4 and webm urls

Author

Rating

Links

Popularity

<100

[ This description is mirrored from README.md at github.com/Borjagodoy/video-view on 2019-05-10 ]

Published on webcomponents.org

<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

Compatibility

(Loading compatibility data...)

Last updated: 2017-07-18

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 video-view - Vaadin Add-on Directory
**[ 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 ```
Online