Video.js plugin to cope with niconico comment
CoffeeScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
lib
test
.editorconfig
.gitattributes
.gitignore
.jshintrc
.npmignore
.travis.yml
Gulpfile.coffee
LICENSE-MIT
README.md
example.css
example.html
example.less
example.xml
package.json

README.md

Video.js Html5 Niconicoplayer

Build Status

Video.js plugin to cope with niconico comment

Getting Started

<video id="video" class="video-js vjs-default-skin">
  <source src="video.mp4" type="video/mp4">
  <track kind="subtitles" src="comment.xml" srclang="ja" class="vjs-niconico-comment-file">
</video>
<div class="vjs-commentlist"></div>
<script src="path/to/video.js"></script>
<script src="path/to/HTML5-niconicoplayer.js"></script>
<script>
  videojs(document.querySelector('video')).HTML5Niconicoplayer({
    commentList: '.vjs-commentList'
  });
</script>

There's also a working example of the plugin you can check out if you're having trouble.

Documentation

Plugin Options

You may pass in an options object to the plugin upon initialization. This object may contain any of the following properties:

commentList

Type: string | boolean Default: false

CSS path to the comment list area. Set false to disable comment list rendering.

commentTime

Type: number Default: 4

The duration comments on the video appears (seconds). This value contains commentPreTime.

commentPreTime

Type: number Default: 1

The duration comments on the video appears before the exect comment time (seconds).

commentHeight

Type: number Default: 20

The height of the comments on the video, which is used for the calculation of the comment position.

Note: Any other style information can be specified by custom CSS.

commentFile

Type: string | boolean Default: false

The file path to the comment file. Set false to enable automatic file detection from <track>.

Release History

  • 0.0.1: First applicable release version