Git Product home page Git Product logo

videojs-vast's Introduction

videojs-vast

A Video.js plugin to allow the player to sarve adverts using VAST

Table of Contents

Installation

npm install --save @filmgardi/videojs-vast

Usage

To include videojs-vast on your website or web application, use any of the following methods.

<script> Tag

This is the simplest case. Get the script in whatever way you prefer and include the plugin after you include video.js, so that the videojs global is available.

<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-vast.min.js"></script>
<script>
  var player = videojs('my-video');

  player.vast();
</script>

Browserify/CommonJS

When using with Browserify, install videojs-vast via npm and require the plugin as you would any other module.

var videojs = require('video.js');

// The actual plugin function is exported by this module, but it is also
// attached to the `Player.prototype`; so, there is no need to assign it
// to a variable.
require('@filmgardi/videojs-vast');

var player = videojs('my-video');

player.vast();

RequireJS/AMD

When using with RequireJS (or another AMD library), get the script in whatever way you prefer and require the plugin as you normally would:

require(['video.js', '@filmgardi/videojs-vast'], function(videojs) {
  var player = videojs('my-video');

  player.vast();
});

License

MIT. Copyright (c) [email protected] <[email protected]>

videojs-vast's People

Contributors

faridghafoori avatar saffari-m avatar

Stargazers

 avatar  avatar

Watchers

 avatar

videojs-vast's Issues

video.es.js:228 VIDEOJS: ERROR: TypeError: Cannot read properties of undefined (reading 'enabled')

Hello, I am trying to use this plugin but I am facing some issues. I am using the plugin in an Angular app/ Ionic app. The videojs version that I have installed in the project is "^7.20.3" and the plugin version is "^1.0.16".

I am initializing the library like this:

  ngOnInit() {
    this.player = videojs(this.target.nativeElement, this.options, function onPlayerReady() { });
    this.player.ads({
      debug: true
    });

    this.player.vast(
      {
        seekEnabled: true,
        controlsEnabled: true,
        wrapperLimit: 10,
        withCredentials: false,
        skip: 8,
        url: 'https://example'      
      }
    );
    this.player.src('example.mp4', 'application/x-mpegURL')
  }

But I am getting this error:

video.es.js:228 VIDEOJS: ERROR: TypeError: Cannot read properties of undefined (reading 'enabled')
at Vast._doPreroll (videojs-vast.js:3041:85)
at Player. (videojs-vast.js:2915:14)
at data.dispatcher (video.es.js:2311:31)
at trigger (video.es.js:2447:25)
at Player.trigger$1 [as trigger] (video.es.js:3388:12)
at videojs-vast.js:1818:15
at Preroll.afterLoadStart (videojs-vast.js:1785:8)
at Preroll.readyForPreroll (videojs-vast.js:1816:11)
at Preroll.handleAdsReady (videojs-vast.js:1772:11)
at Preroll.init (videojs-vast.js:1747:13)

Any ideas why I am getting this error?
Thanks in advance!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.