❤
npm
Sign UpSign In

videojs-video-tooltip

0.1.2 • Public • Published

Video tooltip for video.js

Introduction

HTML5 video tooltip for video.js. Hovering seek bar displays looping Media Fragment.

Note: for looping functionality is required server side partial content capability in certain browsers(Chrome)

Requirements

Installation

npm install videojs-video-tooltip

Simple example

<html>
  <head>
    <!-- Load dependent stylesheets. -->
    <link href="path/to/video-js.css" rel="stylesheet">
    <link rel="stylesheet" href="path/to/videojs.video.tooltip.css" />
  </head>
 
  <body>
    <video id="content_video" class="video-js vjs-default-skin"
        controls preload="auto" width="YOUR_VIDEO_WIDTH" height="YOUR_VIDEO_HEIGHT">
      <source src="PATH_TO_YOUR_CONTENT_VIDEO" type="YOUR_CONTENT_VIDEO_TYPE" />
    </video>
    <script src="/path/to/video.v6.and.newer.js"></script> 
    <script src="/path/to/videojs.video.tooltip.js"></script> 
    <script>
      var player = videojs("content_video");
    </script> 
  </body>
</html>

Settings

height (number)
height of video thumbnail element in px. Width is calculated via aspect ratio. Default: 90

duration (number)
media fragment duration in seconds. Default: 5

/videojs-video-tooltip/

    Package Sidebar

    Install

    npm i videojs-video-tooltip

    Repository

    github.com/mysuf/videojs-video-tooltip

    Homepage

    github.com/mysuf/videojs-video-tooltip#readme

    Weekly Downloads

    1

    Version

    0.1.2

    License

    MIT

    Unpacked Size

    16.3 kB

    Total Files

    11

    Last publish

    Collaborators

    • bigless
    Try on RunKit
    Report malware