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 ]

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

Install

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

Dependencies

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