videojs-rotatezoom

Rotate and zoom add-on for video.js

Usage no npm install needed!

<script type="module">
  import videojsRotatezoom from 'https://cdn.skypack.dev/videojs-rotatezoom';
</script>

README

Video.js Zoom Rotate

A plugin that allows you to set the Zoom level and a rotation for video and poster with Video.js.

Using the Plugin

The plugin automatically registers itself when you include videojs.zoomrotate.js in your page:

<script src='videojs.zoomrotate.js'></script>

Once you have your video element created, you can activate the zoomrotate plugin. The plugin take 2 options rotate and zoom. It use the CSS scale property and the rotate property.

video.zoomrotate({
  rotate: 90,
  zoom: 1.5
  }
});

or

data-setup='{ "plugins": { "zoomrotate": { "rotate": "90", "zoom": "1.5" } } }'

Known Issues

It won't work when using the flash fallback.

Thanks

Thanks to codepo8, https://github.com/codepo8/rotatezoomHTML5video