@appstractdk/as-video

The as-video is a faster and shorter way to include videos into a project. It can be used with YouTube, Vimeo and HTML5 videos. It's build to work with either the ID of the video or the direct link (it works with short links as well).

Usage no npm install needed!

<script type="module">
  import appstractdkAsVideo from 'https://cdn.skypack.dev/@appstractdk/as-video';
</script>

README

as-video

The as-video is a faster and shorter way to include videos into a project. It can be used with YouTube, Vimeo and HTML5 videos. It's build to work with either the ID of the video or the direct link (it works with short links as well).

Usage

All you need to do is to create a DIV and give it two data attributes "data-video-url" in which you include the LINK or the ID of the video and "data-type" where you specify "youtube" / "vimeo".

Example

<div class="video-wrapper">
    <div class="video-item" data-video-url="https://www.youtube.com/watch?v=uMKDn4nZSG8" data-type="youtube">
</div>