Directory

← Back

video-view

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

Author

Contributors

Rating

[ 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...)

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
Online