video-view | Vaadin

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

[ This description is mirrored from at on 2019-05-10 ]

Published on


The video view, search play all urls form youtube, vimeo or url with extensions .mp4 or webm. for example:

Youtube video

<video-view url=""></video-view>

Vimeo video


Others video

<video-view url=""

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>


property Description Default
url Video url
width width of the video box 320px
height height of the video box 400px


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


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


Link to this version
ImportedReleased 18 July 2017MIT License
Framework Support
Polymer 2.0+
Browser Compatibility
Install with
bower install --save Borjagodoy/video-view"#0.1.3"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.1.3


  • polymer#Polymer/polymer#^2.0.0-rc.2