videojs-s3bubble-multi-adverts v0.0.2

S3bubble Videojs Multi Adverts

Add multiple video adverts to video js from Amazon Web Services

Table of Contents

Installation

npm install --save videojs-s3bubble-multi-adverts

The npm installation is preferred, but Bower works, too.

bower install  --save videojs-s3bubble-multi-adverts

Usage

To include videojs-s3bubble-multi-adverts 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.

<video id="s3bubble-video" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268">
    <source src="https://s3.amazonaws.com/s3bubble.videojs/claire-in-motion.mp4" type="video/mp4">
</video>
<script src="//path/to/video.min.js"></script>
<script src="//path/to/videojs-s3bubble-multi-adverts.min.js"></script>
<script>
  	var player = videojs('s3bubble-video');
    
    // this is just a dummy example replace with your video code
  	$.ajax({
        url: "https://xe309ni835.execute-api.us-east-1.amazonaws.com/testing/adverts",
        type: "POST",
        data: JSON.stringify({
            "code": "cnAW19541"
        }),
        contentType: 'application/json',
        dataType: "json",
        success: function(response){

            if(response.statusCode === "200"){

                player.s3BubbleMultiAdverts(response);

            }else{

                console.log("error",response);

            }
           
        }

    });
</script>

Check out our live example if you're having trouble.

Browserify

When using with Browserify, install videojs-s3bubble-multi-adverts 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('videojs-s3bubble-multi-adverts');

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

player.s3BubbleMultiAdverts();

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', 'videojs-s3bubble-multi-adverts'], function(videojs) {
  var player = videojs('my-video');

  player.s3BubbleMultiAdverts();
});

License

MIT. Copyright (c) S3Bubble