mp-video

WebJar for mp-video

License	MIT
Categories	IDE Development Tools
GroupId	org.webjars.bowergithub.mpachnis
ArtifactId	mp-video
Last Version	2.0.0
Release Date	Jul 21, 2018
Type	jar
Description	mp-video WebJar for mp-video
Project URL	http://webjars.org
Source Code Management	https://github.com/mpachnis/mp-video

Download mp-video

Filename	Size
mp-video-2.0.0.pom
mp-video-2.0.0.jar	11 KB
mp-video-2.0.0-sources.jar	22 bytes
mp-video-2.0.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.mpachnis/mp-video/ -->
<dependency>
    <groupId>org.webjars.bowergithub.mpachnis</groupId>
    <artifactId>mp-video</artifactId>
    <version>2.0.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.mpachnis/mp-video/
implementation 'org.webjars.bowergithub.mpachnis:mp-video:2.0.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.mpachnis/mp-video/
implementation ("org.webjars.bowergithub.mpachnis:mp-video:2.0.0")

Apache Buildr

'org.webjars.bowergithub.mpachnis:mp-video:jar:2.0.0'

Apache Ivy

<dependency org="org.webjars.bowergithub.mpachnis" name="mp-video" rev="2.0.0">
  <artifact name="mp-video" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.mpachnis', module='mp-video', version='2.0.0')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.mpachnis" % "mp-video" % "2.0.0"

Leiningen

[org.webjars.bowergithub.mpachnis/mp-video "2.0.0"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0,3)
org.webjars.bowergithub.polymerelements : paper-toast	jar	[2.0.0,3)

Project Modules

There are no modules declared in this project.

<mp-slider>

YouTube, Vimeo and HTML5 video playback web component.

How it works

Specify the video type you want to embed: youtube, vimeo or html-video, add the video source you want, for youtube and vimeo you must specify the video-id, for html-video the html-video-mp4, html-video-ogg or html-video-webm. That's it. Videos designed to be responsive. Wrap the <mp-video> to a div and set the width into that div.

Demo

mp-slider docs & demo

Install the component using Bower:

$ bower install --save mp-video

Usage

1. Import Web Components' polyfill:

<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>

2. Import Custom Element:

<link rel="import" href="bower_components/mp-video/mp-video.html">

3. Start using it!

<mp-video youtube
          video-id="8-Zq2KUN6jM"
          video-volume="60"
          video-autoplay="0">
</mp-video>
<mp-video vimeo
          video-id="78323839"
          video-autoplay="0"
          video-volume="0.5">
</mp-video>
<mp-video html-video
          video-controls
          video-preload="auto"
          video-volume="0.5"
          video-thumnail="https://www.html5rocks.com/en/tutorials/video/basics/poster.png"
          html-video-mp4="https://www.html5rocks.com/en/tutorials/video/basics/devstories.mp4"
          html-video-webm="https://www.html5rocks.com/en/tutorials/video/basics/devstories.webm">
</mp-video>

Big Thanks

Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs

License

MIT License

Versions

Version
2.0.0 Jul 21, 2018