video-view

WebJar for video-view

License	MIT
Categories	IDE Development Tools
GroupId	org.webjars.bowergithub.borjagodoy
ArtifactId	video-view
Last Version	0.1.3
Release Date	May 30, 2018
Type	jar
Description	video-view WebJar for video-view
Project URL	http://webjars.org
Source Code Management	https://github.com/Borjagodoy/video-view

Download video-view

Filename	Size
video-view-0.1.3.pom
video-view-0.1.3.jar	7 KB
video-view-0.1.3-sources.jar	22 bytes
video-view-0.1.3-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.borjagodoy/video-view/ -->
<dependency>
    <groupId>org.webjars.bowergithub.borjagodoy</groupId>
    <artifactId>video-view</artifactId>
    <version>0.1.3</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.borjagodoy/video-view/
implementation 'org.webjars.bowergithub.borjagodoy:video-view:0.1.3'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.borjagodoy/video-view/
implementation ("org.webjars.bowergithub.borjagodoy:video-view:0.1.3")

Apache Buildr

'org.webjars.bowergithub.borjagodoy:video-view:jar:0.1.3'

Apache Ivy

<dependency org="org.webjars.bowergithub.borjagodoy" name="video-view" rev="0.1.3">
  <artifact name="video-view" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.borjagodoy', module='video-view', version='0.1.3')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.borjagodoy" % "video-view" % "0.1.3"

Leiningen

[org.webjars.bowergithub.borjagodoy/video-view "0.1.3"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0-rc.2,3)

Project Modules

There are no modules declared in this project.

<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

Versions

Version
0.1.3 May 30, 2018
0.1.2 May 9, 2018
0.1.0 Feb 4, 2018