yusufbesim / mobile-enabled-background-video

A Javascript plugin for making videos inline background video for mobile.

Mobile enabled background video plugin

A Javascript plugin for making videos inline background video for mobile.

Are you having trouble getting something to work? Consult the troubleshooting guide.

Installation

SOON AVALIABLE
$ npm install mobile-enabled-background-video --save

Find mobile-enabled-background-video.js in the dist/ directory. Make sure to include it in .

• mobile-enabled-background-video.min.js

• mobile-enabled-background-video.js

• mobile-enabled-background-video.css

Documentation

  // EXAMPLE: If users device is IPHONE (Dont use this plugin for desktop)
  if (navigator.userAgent.toLowerCase().indexOf('iphone') >= 0) {
    var video = new MobileVideoPlayer({
      videoTarget: 'video',
      canvasTarget: 'canvas',
      loop: true,
      framesPerSecond: 60,
    });
    // Play video when you want!
    setTimeout(function(){
      video.play();
    },1500);
  }

You can see example usage on this link

• Example usage

License

MIT