Sticky Media

Simple Vanilla JS library for Sticky Media content (YouTube videos) - actively supported by AppSeed.

• Sticky Media - Live DEMO
• Free Support via Email & Discord
• Supported YouTube Links(just a few from this list)
  • https://www.youtube.com/watch?v=EtMCK5AmdQI
  • https://youtube.com/embed/9HqyJ_80JwI
  • https://youtu.be/IM-PJrlgBe8
  • https://m.youtube.com/v/dQw4w9WgXcQ
• If the VideoID cannot be extracted the URL is handled via window.open(VideoId)

Table of contents

• Environment
• Manual Preview
• Quick use
• License

Environment

Project create with:

• Node JS >= 14x

Manual Preview

Using Python

$ python -m http.server 9999

Using PHP

$ php -S localhost:9999

Setup

Install it locally using PyPI:

$ npm i sticky-media

Quick use

Simply and functional example/s of use.

Step 1: Import the JS (local storage)

<script src="dist/index.js"></script>

Or you can simply use CDN storage:

<script type="text/javascript" src="//cdn.jsdelivr.net/gh/app-generator/sticky-media@latest/dist/index.min.js"></script>

Step 2: Init the library

// Default -> "sticky-popup" CSS class is used
var stickyMediaInstance = new StickyMedia();

// Custom -> "my-sticky-class" is used to trigger the popup
var stickyMediaInstance = new StickyMedia( {'cssClass':'my-sticky-class'} );

Step 3: Use it in the code

• Video ID: GET parameter

<a class="sticky-popup" href="https://www.youtube.com/watch?v=G1OM2L7XK5Y">Video_1</a>

• Video ID: URI segment

<a class="sticky-popup" href="https://www.youtube.com/embed/wWY_clozJlU">Video_2</a>

License

@MIT License

Resources

• More Tools for developers - all free
• Free Support via Email & Discord

Sticky Media - Simple Vanilla JS library provided by AppSeed