wired-video

Hand-drawn sketchy card web component

Usage no npm install needed!

<script type="module">
  import wiredVideo from 'https://cdn.skypack.dev/wired-video';
</script>

README

wired-video

A hand-drawn sketchy looking video player component.

For demo and view the complete set of wired-elememts: wiredjs.com

Usage

Add wired-video to your project:

npm i wired-video

Import wired-video definition into your HTML page:

<script type="module" src="wired-video/lib/wired-video.js"></script>

Or into your module script:

import { WiredImage } from "wired-video"

Use it in your web page:

<wired-video autoplay muted loop src="video.mp4"></wired-video>

Properties

src - URL of the video.

autoplay - Boolean value indicating if the video should auto-play

loop - Loop the video (boolean value)

muted - Play the video muted (boolean value)

playsinline - Play the video inline on mobile devices (boolean value)

Custom CSS Variables

--wired-video-highlight-color Color of the progress bar and the knob on the volume control.

License

MIT License (c) Preet Shihn